| Главная » Статьи » Source |
Как сделать красивое увеличение картинки при нажатии? Легко и просто... Можно установить практически в любом модуле. Мы разберем, для примера, модуль каталог файлов. И так:
1. Для начала скачиваем архив (В самом верху поста). Далее в настройках
новостей сайта добавляем дополнительное поле (Главная » Каталог файлов »
Настройки модуля). В моем примере, "ссылка на скриншот". Код Code <center><a href="$SCREEN_URL$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$SCREEN_URL$" border=0 width=200 style="border:none;"></a></center><br> После этого в корне сайта создаем директорию highslide. Кидаем туда файл highslide.css и highslide.js из архива. Потом открываем уже залитый на сайт файл highslide.js и находим в нем это :
Code creditsText : 'текст надписи на картинке', creditsHref : 'адрес вашего сайта', creditsTitle : 'комментарий к надписи', И заменяете на свои... И сохраняем. В эту же директорию загружаем папку graphics со всеми файлами, которые внутри. В итоге должен получиться путь /highslide/graphics/ 3. Теперь в шаблонах "Страницы сайта", "Главная страница каталога файлов" и "Вид материала" и "Страница материала и комментариев к нему" между "head"........"/head" пишем :
Code <style type="text/css" media="all"> @import url(highslide/highslide.css); </style> <script type="text/javascript" src="highslide/highslide.js"></script> <script type="text/javascript"> hs.graphicsDir = 'highslide/graphics/'; </script> P.S. В управление "Вид материала", нужно ставить просто в самом начале, так как там нет "head"........"/head" | |
| Просмотров: 941 | | |
| Всего комментариев: 0 | |
