Главная » Статьи » Фотоальбом |
Для начала скачиваем два таких файла: highslide-full.js и highslide.css И заливаем это в отдельную папку на сайте (в данном примере это папка - iload). Этот код ставим на страницу фотоальбома,где хотите такой вид картинок: Code <script type="text/javascript" src="/iload/highslide-full.js"></script> <link rel="stylesheet" type="text/css" href="/iload/highslide.css" /> <script type="text/javascript"> hs.graphicsDir = '../highslide/graphics/'; hs.align = 'center'; hs.transitions = ['expand', 'crossfade']; hs.outlineType = 'rounded-white'; hs.fadeInOut = true; hs.dimmingOpacity = 0.75; // Add the controlbar hs.addSlideshow({ //slideshowGroup: 'group1', interval: 5000, repeat: false, useControls: true, fixedControls: 'fit', overlayOptions: { opacity: 1, position: 'bottom center', hideOnMouseOut: true } }); </script> Скачиваем саму рамочку: Download Дальше Вид фотографий и заменяем всё что там есть на этот код:
Code <center> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="17" background="/foto/3bd0bff61a01.png" height="17"> </td> <td background="/foto/290b6ff174f7.png" height="17"> </td> <td width="17" background="/foto/94af9881da39.png" height="17"> </td> </tr> <tr> <td width="17" background="/foto/326a55f011dc.png"> </td> <td> <a href="$FULL_PHOTO_DIRECT_URL$" class="highslide" onclick="return hs.expand(this)"> <img src="$PHOTO_DIRECT_URL$" alt="$PHOTO_NAME$" height="85" width="85"/></a> </td> <td width="17" background="/foto/a4e3e0816fe3.png"> </td> </tr> <tr> <td width="17" background="/foto/8cb928874182.png" height="17"> </td> <td background="/foto/8f85b050c329.png" height="17"> </td> <td width="17" background="/foto/ce48d6da8a98.png" height="17"> </td> </tr> </tbody></table><a href="$COMMENTS_URL$"><b>Подробнее</b></a><br> </center> | |
Просмотров: 445
| Теги: |
Всего комментариев: 0 | |
Пользователи [0] |
Форум [4] |
Опросы [0] |
Каталог файлов [0] |
Новости сайта [0] |
Каталог статей [0] |
Тесты [0] |
Доска обьявлений [2] |
Фотоальбом [9] |
Дневник(блог) [0] |
Другие скрипты для uCoz [1] |