Как сделать красивое увеличение картинки при нажатии? Легко и просто... Можно установить практически в любом модуле. Мы разберем, для примера, модуль новостей. И так:
1. Для начала скачиваем архив (В самом низу поста). Далее в настройках
новостей сайта добавляем дополнительное поле (Главная » Новости сайта »
Настройки модуля). В моем примере, это доп. поле № 1.
Code <center><a
href="$OTHER1$" class="highslide" onclick="return hs.expand(this,
{captionId: 'caption1'})"><img src="$OTHER1$" border=0 width=200
style="border:none;"></a></center><br> Если у вас другой номер доп. поля то его изменяем в коде $OTHER1$ на свой. 2. После этого в корне сайта создаем директорию highslide. Кидаем туда файл highslide.css и highslide.js из архива. Потом открываем уже залитый на сайт файл highslide.js и находим в нем это : creditsText : 'текст надписи на картинке', И заменяете на свои... И сохраняем. В эту же директорию загружаем папку 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" | |
|
| |
| Просмотров: 414 | |
| Всего комментариев: 0 | |
