Модуль cczoom как альтернатива cloud zoom

вт, 21.02.2012 12:04 :: olk
Работая над вялотекущим проектом под Drupal 7, понадобилось мне показывать масштабируемые превьюхи. Поиск дал несколько результатов, но под D7 был выбран, более менее приемлемый модуль Cloud zoom, основанный на одноименном jQuery плагине jQuery Cloud zoom.
Но к сожалению автор модуля , использовал возможности jQuery плагина лишь на 10%, а точнее через данный модуль практически невозможно настроить плагин, а там, тем не менее достаточно много такого, с чем можно «поиграться»(приведу спецификацию параметров без перевода, кому надо надеюсь сами переведут).
Parameter Description (from V1.0.0) Default Value
zoomWidth The width of the zoom window in pixels. If 'auto' is specified, the width will be the same as the small image. 'auto'
zoomHeight The height of the zoom window in pixels. If 'auto' is specified, the height will be the same as the small image. 'auto'
position Specifies the position of the zoom window relative to the small image. Allowable values are 'left', 'right', 'top', 'bottom', 'inside' or you can specifiy the id of an html element to place the zoom window in e.g. position: 'element1' 'right'
adjustX Allows you to fine tune the x-position of the zoom window in pixels. 0
adjustY Allows you to fine tune the y-position of the zoom window in pixels. 0
tint Specifies a tint colour which will cover the small image. Colours should be specified in hex format, e.g. '#aa00aa'. Does not work with softFocus. false
tintOpacity Opacity of the tint, where 0 is fully transparent, and 1 is fully opaque. 0.5
lensOpacity Opacity of the lens mouse pointer, where 0 is fully transparent, and 1 is fully opaque. In tint and soft-focus modes, it will always be transparent. 0.5
softFocus Applies a subtle blur effect to the small image. Set to true or false. Does not work with tint. false
smoothMove Amount of smoothness/drift of the zoom image as it moves. The higher the number, the smoother/more drifty the movement will be. 1 = no smoothing. 3
showTitle Shows the title tag of the image. True or false. true
titleOpacity Specifies the opacity of the title if displayed, where 0 is fully transparent, and 1 is fully opaque. 0.5

Решил таки исправить данную ситуацию и написал модуль интегрирующий тот же самый jQuery плагин, но позволяющий гибко настроить все используемые параметры.

Модуль в пре-дев версии, только для тестирования ... если кого заинтересует, то будет время доведу до ума и выложу на д.о.

Устанавливается стандартно, т.е. распаковываете архив в папку sites/all/modules

забираете с сайта jQuery Cloud zoom скрипты и распаковываете их в папку sites/all/libraries/cloud-zoom

Включаете модуль.

Настраиваете тип материала (поле типа Изображение (Image) на закладке "Отображение" устанавливает формат - cczoom и далее уже настраиваете параметры вывода)

Скриншоты настройки поля:

Скриншот настройки

В атаче непосредственно модуль

ВложениеРазмер
Иконка пакета cczoom_0.zip6.1 КБ

Комментарии

Добрый день. В поисках ответа на мой вопрос гугл выдал эту страничку, связаную с итересующей меня проблемой. Очень сильно. Как я поянл из статьи, Олк, Вы в данном скрипте разбераетесь. Так вот может сможете мне кое чего подсказать.. Вообщем. Имеется данный скрипт(оригинал версия 1.0.3) над данным скриптом находится блочный элемент(меньший по размеру), совсем не относящийся к этому скрипту. Так вот как сделать что бы скрипт не прекращал работать даже когда курсор находится над этим элементом, который как бы заслоняет сам скрипт(его область). Вот пример проблемы сылка имеется карта над ним пиктограмма. так вот при наведении на эту пиктограмму скрипт не работает...

Вот строка отвечающая за область при наведении на которую работает скрипт

$mouseTrap = jWin.parent().append(format("<div class='mousetrap' style='background-image:url(\".\");z-index:999;position:absolute;width:%0px;height:%1px;left:%2px;top:%3px;\'>111</div>", sImg.outerWidth(), sImg.outerHeight(), 0, 0)).find(':last');

как добавить еще одну область..область самой пиктограммы что бы скрипт не переставал работу. или же как-то по другому можно решить этот вопрос сторонним скриптом. И можно ли вообще как-то сделать то что я хочу. Может что подскажите. Буду очень признателен. Спасибо. :-)

ну и ошибок в тексте...)

Доброго времени суток!

Не могу поставить ни ваш модуль, ни Cloud Zoom на сайт www.belartextile.ru

Подключаю всё правильно по идее, выбираю стиль показа , а всё равно не работает.

Готов заплатить за помощь в установке.

E-mail: paha151280@mail.ru Skype: bendikpavel

Добавить комментарий
« Добавить комментарий
» Добавить комментарий