<html>
<head>
<link rel="stylesheet" href="http://thefinishedbox.com/files/freebies/hoverzoom/css/style.css?v=1">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="http://thefinishedbox.com/files/freebies/hoverzoom/js/hover.zoom.js"></script>
<script>
$(function() {
$('.zoom').hoverZoom(); // Default
});
</script>
</head>
<body>
<a href="#" class="zoom"><img src="http://thefinishedbox.com/files/freebies/hoverzoom/images/thumbnail-1.jpg" alt="thumbnail" /></a>
<a href="#" class="zoom"><img src="http://thefinishedbox.com/files/freebies/hoverzoom/images/thumbnail-2.jpg" alt="thumbnail" /></a>
<a href="#" class="zoom" id="blue"><img src="http://thefinishedbox.com/files/freebies/hoverzoom/images/thumbnail-3.jpg" alt="thumbnail" /></a>
</body>
</html>
Привет!
если выполнить этот код что выше, то выведет 3 картинки и при наведении мыши на картину она плавно увеличеваеться
и идет затемнение всех 3 картинок также везде появляется изображение лупы, а мне нужно что бы при наведении на одну картинку она и только она увеличевалась и затемнялась и выводилось изображение лупы, сейчас с тремя такое, как мне сделать что бы только с одной картинкой такой эффект был?????
но есть одно условие что вот этот код я не могу править
<a href="#" class="zoom"><img src="http://thefinishedbox.com/files/freebies/hoverzoom/images/thumbnail-1.jpg" alt="thumbnail" /></a>
<a href="#" class="zoom"><img src="http://thefinishedbox.com/files/freebies/hoverzoom/images/thumbnail-2.jpg" alt="thumbnail" /></a>
<a href="#" class="zoom" id="blue"><img src="http://thefinishedbox.com/files/freebies/hoverzoom/images/thumbnail-3.jpg" alt="thumbnail" /></a>