Слайдер последних фотографий пользователя, добавившего картинку Всем привет! Суть скрипта в том, чтобы выводить слайдер последних фотографий пользователя, когда находимся на странице фотографии и комментариев к ней. Слайдер будет брать фотки именно того пользователя, который добавил материал Установка: На странице фотографии и комментариев к ней после вставляйте:
Код <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 © 2013 };); </script>
Скрипт из прикреплённого архива залейте в папку js, два стиля в папку css и три картинки в папку images Для того, чтобы в слайдере было максимальное количество фотографий пользователя, в ПУ — Фотоальбомы — Настройки модуля для пункта «Количество фотографий на странице в альбоме:» укажите максимальное количество в 50 штук СКАЧАТЬ
|