Увеличение фотографии наведением курсора мышки. Одна фотография из другой.

← на Главную / Разработчикам / Форум / Разработка сайта

		10.07.2013, 15:11
	Ярослав Ярослав Зарегистрирован: 2013-07-10 Сообщений: 1	Привет. Такой вопрос, есть картинка. На ней изображен товар и луппа. Есть 2я картинка - это материал из которго седал товар. Как сделать так чтобы когда наводишь курсор на луппу, то появлялась фотография материала? Пытался наложить уменьшенную фотографию материала на лупу и при попадании курсора, она увеличивалась, но не вышло(
		11.07.2013, 08:03
	Егоров Денис Александрович Зарегистрирован: 2013-01-14 Сообщений: 31	Привет. Есть вариант) Выводите на странице картинки так: Код: <div class='lupa'><img src='..lupa.jpg'/></div> <div class='img' style='display:none'><img src='картинка.jpg'/></div> Далее на jQuery: Код: $('.lupa').mouseenter(function() { if ( $('.img').is('hidden') ){ $('.img').fadeIn(300); //$('.lupa').hide(); //скрыть лупу } else { $('.img').hide(); } }