Как использовать
Javascript
Подключить jQuery и плагин LightZoom. jQuery можно подключать как в шапке <head></head>
, так и перед закрывающим тегом <body><body>
. Плагин небоходимо подключать перед закрывающим тегом <body><body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="js/lightzoom.js"></script>
CSS
Подключить CSS стили в шапке <head></head>
<link rel="stylesheet" href="lightzoom/style.css" type="text/css">
HTML
Разместить на странице сайта нужные изображения. Для того, чтобы уменьшить скорость загрузки сайта,
рекомендуется размещать подготовленные миниатюры. Изобажения обернуть в тег <a></a>
с классом lightzoom
, атрибут href
которой должен содержать ссылку полноразмерную картинку.
<img src="ссылка на миниатюру" />
</a>
Запустить плагин
Привяжите lightzoom к каждой ссылке с классом lightzoom
jQuery('.lightzoom').lightzoom();
</script>