Главная » Файлы » Скрипты для uCoz » Скрипты by Apocalypse

Слайдер последних фотографий пользователя, добавившего картинку by Apocalypse для uCoz
24.06.14, 18:59:11

Скачать файл




Всем привет! Я уже очень давно пообещал пользователю klikazavr помочь в реализации его задумки, которую мы обсуждали в ЭТОМ топике. Суть скрипта в том, чтобы выводить слайдер последних фотографий пользователя, когда находимся на странице фотографии и комментариев к ней. Слайдер будет брать фотки именно того пользователя, который добавил материал

Для начала посмотрите ДЕМО с автором фотографии Apocalypse и ДЕМО с автором фотографии 123

Установка:

На странице фотографии и комментариев к ней после < /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">


Следующий код вставляйте на этой же странице в то место, где хотите видеть слайдер:
Код
<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>


Далее на этой же странице в самый низ после < /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>


Скрипт из прикреплённого архива залейте в папку js, два стиля в папку css и три картинки в папку images

Для того, чтобы в слайдере было максимальное количество фотографий пользователя, в ПУ -- Фотоальбомы -- Настройки модуля для пункта "Количество фотографий на странице в альбоме:" укажите максимальное количество в 50 штук

Материал разработан Apocalypse
Категория: Скрипты by Apocalypse | Добавил: Apocalypse | Теги: добавившего, Apocalypse, последних, картинку, ucoz, by, фотографий, для, пользователя, слайдер
Просмотров: 962 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: