Всем привет! Я уже очень давно пообещал пользователю klikazavr помочь в реализации его задумки, которую мы обсуждали в ЭТОМ топике. Суть скрипта в том, чтобы выводить слайдер последних фотографий пользователя, когда находимся на странице фотографии и комментариев к ней. Слайдер будет брать фотки именно того пользователя, который добавил материал
Для начала посмотрите ДЕМО с автором фотографии Apocalypse и ДЕМО с автором фотографии 123
Установка:
На странице фотографии и комментариев к ней после < /head > вставляйте:
Код
[spoiler]<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">
Следующий код вставляйте на этой же странице в то место, где хотите видеть слайдер:
Код
[spoiler=]<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 >; вставляйте:
Код
[spoiler=]<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
