Очень даже неплохой слайдер изображений с оригинальным выводом описания через плагин s3Slider
Для начала посмотрите
ДЕМО
Установка:
1#: После /head на нужных страницах вставляйте:
|
<link href="/css/demonstration.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="/js/s3Slider.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#slider').s3Slider({ timeOut: 3000 }); }); </script> |
2#: Следующий код в то место, где будет сам слайдер:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
|
<div id="slider"> <ul id="sliderContent"> <li class="sliderImage"> <img src="Ссылка на изображение" /> <span class="top"><strong>Заголовок подсказки</strong> Текст подсказки</span> </li> <li class="sliderImage"> <img src="Ссылка на изображение" /> <span class="top"><strong>Заголовок подсказки</strong> Текст подсказки</span> </li> <li class="sliderImage"> <img src="Ссылка на изображение" /> <span class="top"><strong>Заголовок подсказки</strong> Текст подсказки</span> </li> <div class="clear sliderImage"></div> </ul> </div> |
Осталось лишь залить JS файл из прикреплённого архива в папку
js и CSS файл в папку
cssАвтор публикации
12
Я не понял вашего вопроса, но постараюсь на него ответить...
Комментарии: 393Публикации: 1096Регистрация: 27-08-2018