Слайдер изображений через плагин Countdown Image на jQuery
|
1 2 3 |
#featured { width: 565px; height: 290px; background: #009cff url('/images/loading.gif') no-repeat center center; overflow: hidden;} .timer { display: none !important; } div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; } |
2#: После /head на нужных страницах вставляйте:
|
1 2 3 4 5 6 7 8 9 10 11 |
<link rel="stylesheet" href="/css/orbit.css"> <script type="text/javascript" src="/js/jquery.orbit.min.js"></script> <script type="text/javascript"> $(window).load(function() { $('#featured').orbit({ 'bullets': true, 'timer' : true, 'animation' : 'horizontal-slide' }); }); </script> |
3#: Следующий код в то место на странице, где будет размещаться сам слайдер:
|
1 2 3 4 5 6 |
<div id="featured"> <img src="Ссылка на картинку" alt="Описание картинки" /> <img src="Ссылка на картинку" alt="Описание картинки" /> <img src="Ссылка на картинку" alt="Описание картинки" /> <img src="Ссылка на картинку" alt="Описание картинки" /> </div> |
Автор публикации
Я не понял вашего вопроса, но постараюсь на него ответить...
