динамический зум картинки

[MrDel]

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

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

Нашел только один скрипт, но он платный(( http://www.magictoolbox.com/magiczoom/integration/

Хотелось бы такой как в 4м примере.

С javaScript не знаком к сожалению, ну и CSS только начал изучать...

[ShumNo]

да можно еще лучше http://www.starplugins.com/cloudzoom

[MrDel]

да можно еще лучше http://www.starplugins.com/cloudzoom

тоже платный скрипт

Edited September 29, 2012 by MrDel

[ShumNo]

да, действительно, вторая версия стала платной хотя подразумевает бесплатное некоммерческое использование

первой версии на сайте уже нет но есть в других источниках http://www.yellowlemon.net/javascript/images/cloud-zoom первая версия была бесплатной

вообще таких скриптов много надо только чуть погуглить

ну или на крайнийслучай всегда можно выдрать все необходимое с сайта автора

[MrDel]

нашел подходящий, правда еще пока что не могу разобраться как сделать отображение увеличенного изображения без смещения, т.е в том же контейнере. Там написано что в атрибуте rel необходимо указать posittion:inside, попробовал так сделать- увеличенная картинка вообще перестала отображаться в этом случае...

да, действительно, вторая версия стала платной хотя подразумевает бесплатное некоммерческое использование

первой версии на сайте уже нет но есть в других источниках http://www.yellowlem...ages/cloud-zoom первая версия была бесплатной

вообще таких скриптов много надо только чуть погуглить

а, во- спасибо, сейчас попробую и его тоже, посмотрю что удобнее будет.

Edited September 29, 2012 by MrDel