Дизайн принадлежит администрации сайта VSEpodrad.ru.
Администрация не несет ответственности за содержимое на нашем портале.
Администратор: .
|
Меню сайта
Смотри и качай бесплатно
Опрос сайта
Реклама
Онлайн пользователи
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Раздел в разработке
VSEpodrad.ru
В разработке!
На сайт добавлено файлов
Простой приятный слайдер
Очень простой, но приятный в своём исполнении плагин. Приятно удивляет качественная анимация переходов
В то место, где будет сам слайдер, вставляйте следующий код:
Установка:
После /head на нужных страницах вставляйте:
Code
<style type="text/css">
#gallery{
border:#000 solid 5px;
}
.tclass{
cursor:pointer;
display:inline;
float:left;
min-width:8px;
min-height:6px;
padding:5px;
margin-right:10px;
}
.ac{
border-bottom:#333 solid 1px;
}
</style>
<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/js/easy-gallery.js"></script>
<script type="text/javascript">
$(document).ready(function (){
$("#gallery").egallery({
width:500,
height:230,
speed: 1000,
delay:4000,
easing:'easeInOutBack',
thumbs:'numbers',
thumbClass:'tclass',
aClass:'ac'
});
});
</script>
#gallery{
border:#000 solid 5px;
}
.tclass{
cursor:pointer;
display:inline;
float:left;
min-width:8px;
min-height:6px;
padding:5px;
margin-right:10px;
}
.ac{
border-bottom:#333 solid 1px;
}
</style>
<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/js/easy-gallery.js"></script>
<script type="text/javascript">
$(document).ready(function (){
$("#gallery").egallery({
width:500,
height:230,
speed: 1000,
delay:4000,
easing:'easeInOutBack',
thumbs:'numbers',
thumbClass:'tclass',
aClass:'ac'
});
});
</script>
В то место, где будет сам слайдер, вставляйте следующий код:
Code
<div id="gallery">
<ul>
<li><img src="Ссылка на картинку 1" border="0" alt="" /></li>
<li><img src="Ссылка на картинку 2" border="0" alt="" /></li>
<li><img src="Ссылка на картинку 3" border="0" alt="" /></li>
<li><img src="Ссылка на картинку 4" border="0" alt="" /></li>
<li><img src="Ссылка на картинку 5" border="0" alt="" /></li>
</ul>
</div>
<div id="ssgThumbs"></div>
<br clear="all" />
<ul>
<li><img src="Ссылка на картинку 1" border="0" alt="" /></li>
<li><img src="Ссылка на картинку 2" border="0" alt="" /></li>
<li><img src="Ссылка на картинку 3" border="0" alt="" /></li>
<li><img src="Ссылка на картинку 4" border="0" alt="" /></li>
<li><img src="Ссылка на картинку 5" border="0" alt="" /></li>
</ul>
</div>
<div id="ssgThumbs"></div>
<br clear="all" />
Остаётся лишь залить два скрипта из прикреплённого архива в папку js
Вы сейчас просматриваете Простой приятный слайдер. Данный файл находится в категории Скрипты для ucoz. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Скрипты для ucoz. Для того чтобы скачать Простой приятный слайдер нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Простой приятный слайдер и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.
| Всего комментариев: 0 | |
