24.04.15, 11:34
0 комментарий
  Хаки JMY CMS

Highslide JS / Увеличение картинки при клике [JavaScript]

Скрипт позволяет красиво увеличивать картинки при клике на миниатюру. Также можно сделать, чтобы при клике на одну картину открывалась другая. Есть возможность сделать слайдшоу и т.п. Данный хак можно применять для дополнительных полей с изображением.

Установка:

1.Распаковать архив согласится на замену файлов
2.Основные настройки вывода изображений находятся в файле стилей highslide.css, которые можно изменять обычным способом. Параметры увеличения картинки (скорость, размер, положение на странице, прозрачность фона и др.) находятся в самом начале файла highslide.js, которые удобно менять "методом проб и ошибок", наблюдая результат после каждого внесения изменений. Основные комментарии переведены на русский язык, так что проблем не возникнет, любопытные вы наши! Однако, для большинства применений подходят настройки скрипта по умолчанию и каких-либо изменений в него вносить не требуется.


Использование Эффекта Highslide JS:
В нужном месте где вы хотите использовать дополнительное поле вставить следующее:
<a href="[xfield_value:x]" title="Увеличить" class="highslide" onclick="return
hs.expand(this)">
<img alt=" " src="[xfield_value:x]" width="ШИРИНА"
height="ВЫСОТА"/></a>


Автор: an_pavloff
Версия JMY CMS: V 1.5
Кроссбраузерность: Opera,GoogleChrome,Mozilla Firefox и др
Комплектация: php, js, css, изображения

Напишите своё мнение