Palielina bildi kad uzspiež (RUS)

Как сделать красивое увеличение картинки при нажатии? Легко и просто...

Можно установить практически в любом модуле. Мы разберем, для примера, модуль новостей. И так:

1. Для начала скачиваем архив (В самом низу поста). Далее в настройках новостей сайта добавляем дополнительное поле (Главная » Новости сайта » Настройки модуля). В моем примере, это доп. поле № 1.
В замене стандартных надписей переименовываем его в нужное, а именно "Ссылка на изображение" (Главная » Замена стандартных надписей и выбираете - Форма добавления модуля "Новости сайта").
Затем в шаблонах "Вид материалов новостей" и "Страница материала и комментариев к нему" ставим следующий код перед $MESSAGE$:

Kods:

<?if($OTHER2$)?><a href="$OTHER2$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$OTHER2$" border=0 width=200 style="border:none;"></a><?endif?>

Если у вас другой номер доп. поля то его изменяем в коде $OTHER1$ на свой.

2. После этого в корне сайта создаем директорию highslide. Кидаем туда файл highslide.css и highslide.js из архива. Потом открываем уже залитый на сайт файл highslide.js и находим в нем это :

creditsText : 'текст надписи на картинке',
creditsHref : 'адрес вашего сайта',
creditsTitle : 'комментарий к надписи',

И заменяете на свои... И сохраняем.

В эту же директорию загружаем папку graphics со всеми файлами, которые внутри. В итоге должен получиться путь /highslide/graphics/

3. Теперь в шаблонах "Страницы сайта", "Архив Материалов новостей" и "Вид материала" и "Страница материала и комментариев к нему" между "head"........"/head" пишем:

Kods:

<script type="text/javascript" src="/highslide/highslide.js"></script>
<script type="text/javascript">    
    hs.graphicsDir = '/highslide/graphics/';
     hs.outlineType = 'rounded-white';
     hs.numberOfImagesToPreload = 0;
     hs.showCredits = false;
     hs.lang = {
     loadingText : 'Загрузка...',
     fullExpandTitle : 'Развернуть до полного размера',
     restoreTitle : 'Кликните для закрытия картинки, нажмите и удерживайте для перемещения',
     focusTitle : 'Сфокусировать',
     loadingTitle : 'Нажмите для отмены'
     };
     hs.allowSizeReduction = false;
</script>

P.S. В управление "Вид материала", нужно ставить просто в самом начале, так как там нет "head"........"/head"

Залить В Файловий Менеджер СКАЧАТЬ СОДЕРЖИМОЕ.>>

http://ort.ucoz.lv/highslide/highslide.js
http://ort.ucoz.lv/highslide/highslide.css
http://ort.ucoz.lv/highslide/graphics


soft-new.org.ua