Форум Сайтостроение Веб-строительство

На чем реализован такой zoom?

D2
На сайте с 09.12.2012
Offline
23
danny2
339

http://www.mirmotozapchastei.ru/catalog/motorcycles/2/2008/797/30717/?path=4.26.347.8465.302898

Если навести курсор на картинку то она увеличивается и двигается в соответствии с движениями курсора. Не в курсе на чем такое можно реализовать?

TaediumVitae
На сайте с 22.09.2011
Offline
41
TaediumVitae
#1

На яваскрипте?)

D2
На сайте с 09.12.2012
Offline
23
danny2
#2
TaediumVitae:
На яваскрипте?)

Ну это понятно, а на каком? Встречал на нескольких сайтах подобное (один в один).

Милованов Ю.С
На сайте с 24.01.2008
Offline
196
Милованов Ю.С
#3

Jquery-Zoomer

Функция для ЗУМа


$(document).ready(function(){
	ShowHideBanner()
	$('#ex1').zoom();
	$('#ex2').zoom({ grab: true });
	});

Вставка на страницу


<span class='zoom' id='ex1'><img style="width:720px;" src="/images/cat_img/catalogs/30717.gif"></span>

Стили


.zoom {display:inline-block;position:relative;border: 1px solid;} 
.zoom img {display: block;}

Взято из исходного кода

Подпись))
TaediumVitae
На сайте с 22.09.2011
Offline
41
TaediumVitae
#4

Милованов Ю.С, ну и наверняка какая-нибудь библиотека, этот самый zoom() реализующая)

Koleman
На сайте с 26.10.2010
Offline
46
Koleman
#5

http://www.jacklmoore.com/zoom

и

25+ jQuery Image Zoom Effect Plugins

Изготовление сайтов под ключ, верстка (/ru/forum/811897) - отзывы
D2
На сайте с 09.12.2012
Offline
23
danny2
#6

Koleman, благодарю, www.jacklmoore.com/zoom - самое то

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий