Как сделать новый вид фотоальбома Ucoz при помощи скрипта
Стандартный вид фотоальбома можно поменять, сделать его более привлекательным. Для этого можно использовать бесплатный готовый скрипт с сайта http://studioad.ru. На этом сайте дается описание и настройки скрипта. Привожу описание установки скрипта на наш сайт Ucoz.

1. Скачиваем сам скрипт, разархивируем.
2. При помощи файлового менеджера создаем папку iload.
3. Закачиваем в эту папку 3 файла с разархивированного файла.
4. В Панели управления в дизайне шаблонов фотоальбома  после </body> и </HTML> вставляем этот код со ссылкой на скрипт:

<script type='text/javascript' src='/iload/iLoad.js'></script>

5. На странице Вид фотографий заменяем часть кода на это:
 <a href="$FULL_PHOTO_DIRECT_URL$" alt="$PHOTO_NAME$" rel="iLoad|$CAT_NAME$" title="$PHOTO_NAME$">$PHOTO$</a>
 
6. В файле iLoad.js можно отредактировать настройки, в частности я поменял  в строке L.overlayOpacity=85 значение на 60 (то есть немного осветлил затемнение фона).


Также можно сделать такой эффект фотографий на других страницах сайта.
В HTML - код материала вставляем следующий код:

<a href="адрес изображения" alt="$PHOTO_NAME$" rel="iLoad"><img src="адрес изображения" height="уменьшенная высота изображения" width="уменьшенная ширина изображения"></a>

Я здесь использовал одно и тоже изображение для создания маленького и большого изображений(хотя это не рекомендуется - вы можете отдельно загрузить маленькое и большое изображения)

А в дизайне страницы устанавливаем ту же ссылку на скрипт(см. выше описание)


Пример:

Категория: Сайтостроение в Ucoz | Добавил: rischat (06.04.2012)
Просмотров: 6595 | Комментарии: 2 | Теги: фотоальбом, фото | Рейтинг: 5.0/2
Всего комментариев: 2
0  
2 zanchi   (28.07.2014 23:45) [Материал]
Отделка помещений в Самаре http://stroy63.ucoz.ru/


а если нужен дизайн проект то вам сюда http://архитектор63.рф/

0  
1 rischat   (20.05.2013 00:30) [Материал]
Наверное, случайно удален. Скопируй и вставь в конце шаблона или восстанови шаблон.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Copyright Сайт учителя информатики © 2024