Главная » 2012 » Март » 16 » JavaScript's: Галерея изображений через плагин Zoomimage
18:22 JavaScript's: Галерея изображений через плагин Zoomimage | ||||||||||||
Галерея изображений через плагин ZoomimageСоветуем посмотреть: src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> ДЕМО МАТЕРИАЛА Установка: После /head на нужных страницах сайта вставляйте: Code <link rel="stylesheet" media="screen" type="text/css" href="/css/zoomimage.css" /> <script type="text/javascript" src="/js/eye.js"></script> <script type="text/javascript" src="/js/utils.js"></script> <script type="text/javascript" src="/js/zoomimage.js"></script> <script type="text/javascript" src="/js/layout.js"></script> Следующий код в то место, где будут располагаться сами картинки: 1) Для первого эффекта: Code <a href="Ссылка на большое изображение" title="Seashell" class="example1"><img src="Ссылка на уменьшенное изображение" alt="Описание картинки" /></a> <a href="Ссылка на большое изображение" title="Seashell" class="example1"><img src="Ссылка на уменьшенное изображение" alt="Описание картинки" /></a> <a href="Ссылка на большое изображение" title="Seashell" class="example1"><img src="Ссылка на уменьшенное изображение" alt="Описание картинки" /></a> <a href="Ссылка на большое изображение" title="Seashell" class="example1"><img src="Ссылка на уменьшенное изображение" alt="Описание картинки" /></a> <a href="Ссылка на большое изображение" title="Seashell" class="example1"><img src="Ссылка на уменьшенное изображение" alt="Описание картинки" /></a> 2) Для второго эффекта: Code <a href="Ссылка на большое изображение" title="Seashell" class="example2"><img src="Ссылка на уменьшенное изображение" alt="Описание картинки" /></a> <a href="Ссылка на большое изображение" title="Seashell" class="example2"><img src="Ссылка на уменьшенное изображение" alt="Описание картинки" /></a> <a href="Ссылка на большое изображение" title="Seashell" class="example2"><img src="Ссылка на уменьшенное изображение" alt="Описание картинки" /></a> <a href="Ссылка на большое изображение" title="Seashell" class="example2"><img src="Ссылка на уменьшенное изображение" alt="Описание картинки" /></a> <a href="Ссылка на большое изображение" title="Seashell" class="example2"><img src="Ссылка на уменьшенное изображение" alt="Описание картинки" /></a> 3) Для третьего эффекта: Code <a href="Ссылка на большое изображение" title="Seashell" class="example3"><img src="Ссылка на уменьшенное изображение" alt="Описание картинки" /></a> <a href="Ссылка на большое изображение" title="Seashell" class="example3"><img src="Ссылка на уменьшенное изображение" alt="Описание картинки" /></a> <a href="Ссылка на большое изображение" title="Seashell" class="example3"><img src="Ссылка на уменьшенное изображение" alt="Описание картинки" /></a> <a href="Ссылка на большое изображение" title="Seashell" class="example3"><img src="Ссылка на уменьшенное изображение" alt="Описание картинки" /></a> <a href="Ссылка на большое изображение" title="Seashell" class="example3"><img src="Ссылка на уменьшенное изображение" alt="Описание картинки" /></a> Осталось лишь залить четыре скрипта из прикреплённого архива в папку js стиль в папку css и все оставшиеся файлы в папку images Материал взят с сайта infoscript.ru Теги: Скачать Галерея изображений через плагин Zoomimage
|