Главная » Файлы » Прочие скрипты » jQuery |
Шикарный слайдер с интересным эффектом при переключении и увеличении изображений на jQuery
23.06.14, 12:02:51 | |
Очередной замечательный слайдер для вашего сайта. Помимо потрясающего эффекта при смене слайдов, вашему вниманию представится не менее изящное увеличение изображений через плагин prettyPhoto Для начала посмотрите ДЕМО Установка: После /head на нужных страницах вставляйте: Код <link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="/css/prettyPhoto.css" type="text/css" media="screen" /> <script src="/js/jquery.prettyPhoto.js" type="text/javascript"></script> <script type='text/javascript' src='/js/jquery.aviaSlider.min.js'></script> <script type='text/javascript' src='/js/custom.min.js'></script> Следующий код в то место, где будет сам слайдер:[code]<ul class='aviaslider' id="frontpage-slider"> <li><a href="Ссылка на большое изображение" title=""><img src="Ссылка на изображение 640*320" alt="Описание к изображению" /></a></li> <li><a href="Ссылка на большое изображение" title=""><img src="Ссылка на изображение 640*320" alt="Описание к изображению" /></a></li> <li><a href="Ссылка на большое изображение" title=""><img src="Ссылка на изображение 640*320" alt="Описание к изображению" /></a></li> <li><a href="Ссылка на большое изображение" title=""><img src="Ссылка на изображение 640*320" alt="Описание к изображению" /></a></li> </ul> Осталось лишь залить три скрипта из прикреплённого архива в папку js, два стиля в папку css и все картинки в папку images Материал подготовлен и адаптирован под uCoz Apocalypse | |
Просмотров: 306 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |