Zoomy - красивый эффект лупы на изображении

Эффект лупы достигается благодаря использованию простого jQuery плагина Zoomy. Вам понадобятся две копии одного и того же изображения - первая - копия показываемая на экране (или уменьшенный вариант), а вторая - копия оригинального изображения (увеличенный вариант). Реализовать очень просто. Указываете ссылку на Увеличенное изображение и обрамляете этим <a> тегом, уменьшенную копию изображения (тег <img>). Ну и указать класс для ссылки, чтобы плагин мог с ним работать. Как использовать ZoomyНужно просто прикрутить JQuery, файл стиля "zoomy.css", и сам файл плагина Zoomy (либо jquery.zoomy0.5.min.js или jquery.zoomy0.5.js)

<link type="text/css" rel="stylesheet" href="Путь_до/zoom.css"/>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
	<script type="text/javascript" src="Путь_до/jquery.zoomy0.5.min.js."></script>

<a href="zoom_image.jpg" class="zoom">
	<img src="display_image.jpg" alt="Это изображение отображается на экране" />
	</a>

<script type="text/javascript">
	$(function(){
	    $('.zoom').zoomy();                
	})(jQuery)
	</script>