Дизайн принадлежит администрации сайта VSEpodrad.ru.
Администрация не несет ответственности за содержимое на нашем портале.
Администратор: .
|
Меню сайта
Смотри и качай бесплатно
Опрос сайта
Реклама
Онлайн пользователи
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Раздел в разработке
VSEpodrad.ru
В разработке!
На сайт добавлено файлов
Слайдер через плагин Countdown Image на jQuery
Очень интересный плагин на основе jQuery. Здесь есть красиво оформленная шкала обратного отсчёта до переключения на следующий слайд, красиво всплывающая подсказка и панель навигации
Следующий код в то место на странице, где будет размещаться сам слайдер:
Установка:
После /head на нужных страницах вставляйте:
Code
<style type="text/css">
#featured { width: 565px; height: 290px; background: #009cff url('/images/loading.gif') no-repeat center center; overflow: hidden; }
</style>
<link rel="stylesheet" href="/css/orbit.css">
<style type="text/css">
.timer { display: none !important; }
div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
</style>
<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>
#featured { width: 565px; height: 290px; background: #009cff url('/images/loading.gif') no-repeat center center; overflow: hidden; }
</style>
<link rel="stylesheet" href="/css/orbit.css">
<style type="text/css">
.timer { display: none !important; }
div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
</style>
<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>
Следующий код в то место на странице, где будет размещаться сам слайдер:
Code
<div id="featured">
<img src="Ссылка на картинку" alt="Описание картинки" />
<img src="Ссылка на картинку" alt="Описание картинки" />
<img src="Ссылка на картинку" alt="Описание картинки" />
<img src="Ссылка на картинку" alt="Описание картинки" />
</div>
<img src="Ссылка на картинку" alt="Описание картинки" />
<img src="Ссылка на картинку" alt="Описание картинки" />
<img src="Ссылка на картинку" alt="Описание картинки" />
<img src="Ссылка на картинку" alt="Описание картинки" />
</div>
Осталось лишь залить скрипт из прикреплённого архива в папку js, стиль в папку css и все картинки в папку images
Вы сейчас просматриваете Слайдер через плагин Countdown Image на jQuery. Данный файл находится в категории Скрипты для ucoz. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Скрипты для ucoz. Для того чтобы скачать Слайдер через плагин Countdown Image на jQuery нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Слайдер через плагин Countdown Image на jQuery и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.
| Всего комментариев: 0 | |
