Слайдер последних фотографий пользователя, добавившего картинку
Всем привет! Суть скрипта в том, чтобы выводить слайдер последних фотографий пользователя, когда находимся на странице фотографии и комментариев к ней. Слайдер будет брать фотки именно того пользователя, который добавил материал
Установка:
На странице фотографии и комментариев к ней после вставляйте:
Код
<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 штук
СКАЧАТЬ
Слайдер, последних, фотографий, пользователя,, добавившего, карти
|