Слайдер последних фотографий пользователя, добавившего картинку д...
1303
10 из 10
Проголосовало: 3
Проголосовало: 3
Всем привет! Суть скрипта в том, чтобы выводить слайдер последних фотографий пользователя, когда находимся на странице фотографии и комментариев к ней. Слайдер будет брать фотки именно того пользователя, который добавил материал
Установка:
На странице фотографии и комментариев к ней после </head> вставляйте:
Код
<link rel="stylesheet" href="/css/jQuery.isc.css" type="text/css" media="screen" charset="utf-8">
<script src="/js/jquery-image-scale-carousel-condensed.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="/css/lib.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script src="/js/jquery-image-scale-carousel-condensed.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="/css/lib.css" type="text/css" media="screen" title="no title" charset="utf-8">
Следующий код вставляйте на этой же странице в то место, где хотите видеть слайдер:
Код
<fieldset style="width:500px;padding:20px;border:1px dashed #aaa">
<legend>Последние фотографии автора $USER$</legend>
<div id="ph" style="width:500px;">
<div id="photo_container" style="width:500px;height:300;overflow:hidden;"></div>
</div>
</fieldset>
<legend>Последние фотографии автора $USER$</legend>
<div id="ph" style="width:500px;">
<div id="photo_container" style="width:500px;height:300;overflow:hidden;"></div>
</div>
</fieldset>
Далее на этой же странице в самый низ после < /body > вставляйте:
Код
<script>
// Слайдер фотографий пользователя by Apocalypse
$.get('/photo/0-1-0-17-$UID$', function(s) {
var carousel_images = '';
$('a.ulightbox', s).each(function() {
if(carousel_images == '') {
carousel_images = $(this).attr('href');
} else {
carousel_images = carousel_images + ',' + $(this).attr('href');
};
});
carousel_images = carousel_images.split(',');
setTimeout(function() {
$("#photo_container").isc({imgArray:carousel_images});
}, 500);
// apo-ucoz.com (c) 2013
});
</script>
// Слайдер фотографий пользователя by Apocalypse
$.get('/photo/0-1-0-17-$UID$', function(s) {
var carousel_images = '';
$('a.ulightbox', s).each(function() {
if(carousel_images == '') {
carousel_images = $(this).attr('href');
} else {
carousel_images = carousel_images + ',' + $(this).attr('href');
};
});
carousel_images = carousel_images.split(',');
setTimeout(function() {
$("#photo_container").isc({imgArray:carousel_images});
}, 500);
// apo-ucoz.com (c) 2013
});
</script>
Скрипт из прикреплённого архива залейте в папку js, два стиля в папку css и три картинки в папку images
Для того, чтобы в слайдере было максимальное количество фотографий пользователя, в ПУ — Фотоальбомы — Настройки модуля для пункта «Количество фотографий на странице в альбоме:» укажите максимальное количество в 50 штук
Автор публикации: Загрузка
Загрузка
- Оставить первым комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
Последние темы
Опрос
Топ пользователей:
 |  |  |  |  |  |
 |  |  |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2017 г.
- Design by Вовчик Администратор:)