Дизайн принадлежит администрации сайта VSEpodrad.ru.
Администрация не несет ответственности за содержимое на нашем портале.
Администратор: .
|
Меню сайта
Смотри и качай бесплатно
Опрос сайта
Реклама
Онлайн пользователи
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Раздел в разработке
VSEpodrad.ru
В разработке!
На сайт добавлено файлов
Галерея изображений через плагин Zoomimage на jQuery
Очередной оригинальный плагин для увеличения изображений из серии lightbox
Установка:
После /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>
<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>
<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>
<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>
<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
Вы сейчас просматриваете Галерея изображений через плагин Zoomimage на jQuery. Данный файл находится в категории Скрипты для ucoz. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Скрипты для ucoz. Для того чтобы скачать Галерея изображений через плагин Zoomimage на jQuery нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Галерея изображений через плагин Zoomimage на jQuery и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.
| Всего комментариев: 0 | |
