Дизайн принадлежит администрации сайта VSEpodrad.ru.
Администрация не несет ответственности за содержимое на нашем портале.
Администратор: .
|
Меню сайта
Смотри и качай бесплатно
Опрос сайта
Реклама
Онлайн пользователи
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Раздел в разработке
VSEpodrad.ru
В разработке!
На сайт добавлено файлов
Эффекты увеличения изображений
Неплохой плагин с несколькими видами увеличения картинок
Установка:
В head на всех страницах сайта, где будет применяться данный плагин, вставляйте следующий код:
Code
<link href="/css/cloud-zoom.css" rel="stylesheet" type="text/css" />
Далее после /head на тех же страницах вставляйте:
Code
<script type="text/JavaScript" src="/js/cloud-zoom.min.js"></script>
Теперь в то место, где будут располагаться картинки, обрабатываемые плагином zoom вставляйте:
1) Для эффекта появления увеличенного изображения справа от картинки:
Code
<a href='Ссылка на большое изображение' class = 'cloud-zoom' id='zoom1' rel="tint: '#ff0000',tintOpacity:0.5 ,smoothMove:5,zoomWidth:480, adjustY:-4, adjustX:10">
<img src="Ссылка на уменьшенное изображение" title="Название или описание картинки" />
</a>
<img src="Ссылка на уменьшенное изображение" title="Название или описание картинки" />
</a>
Обратите так же внимание, что для каждой новой картинки, которая будет обработана этим эффектом, необходимо указать свой id (id='zoom2', id='zoom3' и т.д.);
2) Для эффекта появления увеличенного изображения внутри исходной картинки:
Code
<a href="Ссылка на большое изображение" class="cloud-zoom" id="zoom1" rel="position:'inside' , showTitle:false, adjustX:-4, adjustY:-4">
<img src="Ссылка на уменьшенное изображение" title="Название или описание картинки" />
</a>
<img src="Ссылка на уменьшенное изображение" title="Название или описание картинки" />
</a>
Здесь тоже не забудьте проставить для каждой новой картинки свой id (id='zoom2', id='zoom3' и т.д.);
Теперь осталось лишь залить папки из архива в корень вашего сайта
Вы сейчас просматриваете Эффекты увеличения изображений. Данный файл находится в категории Скрипты для ucoz. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Скрипты для ucoz. Для того чтобы скачать Эффекты увеличения изображений нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Эффекты увеличения изображений и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.
| Всего комментариев: 0 | |
