Регистрация
Вход через соцсети
Восстановление пароля

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

Новый топик
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();
}
}
198 196 2013-07-11 08:03:58 13155
Описание проекта