Easy zoom | Плагин увеличения картинок для сайта


	programki.by Webutation

Дата добавления

17.12.2013

Easy zoom - скрипт для увеличения изображения.
Установка данного скрипта не вызовет затруднений даже у начинающего вебмастера.

Инструкция по установке и настройке скрипта:

1. Скопируйте HTML код скрипта и разместите его, в верхней части страницы вашего сайта, между тегами <HEAD> и </HEAD> .
В дальнейшем в этой части HTML кода скрипта вы сможете настроить где и как будет отображаться увеличенное изображение.

HTML-код:

<script type="text/javascript" src="https://programki.by/js/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="https://programki.by/js/js4/easyzoom.js"></script>
<script type="text/javascript">	
jQuery(function($){	
	$('a.zoom').easyZoom();
});
</script>
<link href="https://programki.by/js/js4/default.css" rel="stylesheet" type="text/css" media="all" />
<style>
#easy_zoom{
	width:600px; /* ширина увеличенного изображения */
	height:400px; /* высота увеличенного изображения */	
	border:5px solid #eee; /* рамка вокруг увеличенного изображения в PX */
	background:#fff;
	color:#333;
	position:absolute;
	top:140px; /* расстояние от верхнего края страницы */
	left:400px; /* расстояние от левого края страницы */
	overflow:hidden;
	-moz-box-shadow:0 0 10px #777;
	-webkit-box-shadow:0 0 10px #777;
	box-shadow:0 0 10px #777;
	line-height:400px;
	text-align:center;
	FONT-SIZE:10pt;margin:0px
	}
</style>

2. Скопируйте вторую часть HTML кода скрипта и разместите его в той части страницы сайта где вы планируете разместить картинку.
И пропишите в этой части кода URL адреса ваших картинок.

HTML-код:

Easy zoom - скрипт для увеличения изображения

Инструкция по установке и настройке скрипта:

Чем больший размер будет у появляющейся картинки,
тем красочней будет эффект при ее отображении!

Easy zoom - скрипт для увеличения изображения

Инструкция по установке и настройке скрипта:

Чем больший размер будет у появляющейся картинки, тем красочней будет эффект при ее отображении!

Чем больший размер будет у появляющейся картинки,
тем красочней будет эффект при ее отображении!