Красивый эффект увеличительного стекла через плагин Zoomy.
Данный плагин позволяет создавать эффект увеличительного стекла. Смотрится очень здорово.
Установка: Обязательно качаем и заливаем в файловый менеджер файлы и картинки!
После "/head" на нужных страницах вставляйте:
Code
<link type="text/css" rel="stylesheet" href="/css/zoomy.css" />
Следующий код в то место, где будет картинка с эффектом:
Code
<div class="shadow"></div>
<a class="normal" href="Ссылка на большое изображение"><img src="Ссылка на маленькое изображение" /></a>
<a class="normal" href="Ссылка на большое изображение"><img src="Ссылка на маленькое изображение" /></a>
Следующий код вставляйте в самый низ страницы после тега "/body":
Code
<script type="text/javascript" src="/js/zoomy.min.js"></script>
<script type="text/javascript">
$(function(){
$('.normal').zoomy();
});
</script>
<script type="text/javascript">
$(function(){
$('.normal').zoomy();
});
</script>
Всё, осталось лишь залить скрипт из прикреплённого архива в папку ".js" и стиль в папку "css"
Картинки, расположенные в архиве, прикреплены на тот случай, если ссылки на них станут битыми.
Скачать с сервера:
Теги:
Проверить тиц
Витрина ссылок
ucozbox[Материал]