Автоматический слайдер изображений через плагин s3Slider на jQuery
1 2 3 4 5 6 7 8 9 |
<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> |