[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Diaz  
Заменяем стандартную фото галерею uCoz на FancyBox
TarinaДата: Вторник, 27.03.2012, 01:13:10 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 491
Награды: 3
Статус: Offline


Вам надоела стандартная галерея от uCoz? Вас бесит то, что фотоальбом вашего сайта ничем не отличается от остальных? Тогда это для вас!

Приступим:

1. Скачайте архив , распакуйте его, создайте в корневом каталоге (файловый менеджер) вашего сайта папку fancybox и залейте в нее ВСЕ содержимое распакованного архива (включая файлы js, css и рисунки).

2. Откройте - Управление дизайном - Фотоальбом- Вид фотографий.

И в самый верх вставить этот код:
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>


Обратите внимание! Если вы залили содержимое архива в другую папку, названную не "fancybox", а как-то иначе, вам придется изменить путь к файлам в коде, указанном выше. И то я не гарантирую полноценную работу скрипта. Так что лучше сделать все по-человечески, создать папку fancybox и залить в нее содержимое архива.

3. Найдите эту строку:
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>


Скачать архив.


Н.С.Н
 
  • Страница 1 из 1
  • 1
Поиск: