Скрипт fancybox предназначен для модуля фото альбом , для изменения вида окна ajax на тип fancybox с красивым и удобным дизайном, который предаст любому сайту стильность и уникальность именно в альбоме для фото.
Изменяем стандарт фото альбома ucoz на fancybox отображение.
a. Первым делом скачиваем архив и все содержимое как есть заливаем в корень сайта и обязательно как есть папка
/fancybox/ ее кидаем в корень сайта, внимание что бы не возникало глупых вопросов, почему не работает то выполняем правильно условие заливки содержимого файлов, ВНИМАТЕЛЬНО!
b. Откройте - Управление дизайном - Главная страница фотоальбома.
И перед </body> вставить этот код:
Code
<link rel="stylesheet" type="text/css" href="/fancybox/jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="/fancybox/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.2.1.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.gallery").fancybox();
});
</script>
Внимание при изменение хостинга папки файлов залитых на ваш сайт, обязательно изменяем и путь в скриптах js файлов.
Так же в дополнение вставляем код в страницу категорий фото:
c. Откройте вид фотографий, найдите эту строку:
Code
<a href="$PHOTO_LIGHTBOX_URL$" title="Просмотры: $REVIEWS$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb">$PHOTO$</a>
И замените ее на:
Code
<a class="gallery" rel="group" href="$FULL_PHOTO_DIRECT_URL$"> <img src="$PHOTO_DIRECT_URL$" height="100" width="100" border="0"/> </a>
Есть маленький баг:
После добавления новой фотографии, если вы вернетесь сразу на страницу фотоальбома, скрипт почему-то не срабатывает. Однако, если вы перейдете на любую другую страницу, а потом вернетесь в фотоальбом - галерея будет работать.