Мы в твиттере Мы в телеграме!

Провеббер » Web » Скрипты » Вертикальный слайдер на jQuery

Набор в команду! Ведется набор в команду, для наполнения сайта новым, интересным контентом. Если у тебя есть предложения, свободное время, ты обладаешь интересным контентом, и хочешь поделиться с другими?
Обращайся к нам в ЛС группы Вконтакте.

Вертикальный слайдер на jQuery

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Вертикальный слайдер на jQuery.

Вертикальный слайдер на jQuery


На страницах, где будет использован данный скрипт в head вставляйте:

<script type="text/javascript" src="{THEME}/js/jquery.jcarousel.min.js"></script>  
<link rel="stylesheet" type="text/css" href="{THEME}/css/skin.css" />
<script type="text/javascript">

jQuery(document).ready(function() {
  jQuery('#mycarousel').jcarousel({
  vertical: true,
  scroll: 2
  });
});

</script>


Здесь у нас scroll: 2 - количество пролистываемых изображений при нажатии на стрелку

Следующий код вставляйте в то место, где у вас будет сам слайдер:

<ul id="mycarousel" class="jcarousel jcarousel-skin-tango">
  <li><img src="http://адрес картинки/1.jpg" width="120" height="150" alt="" /></li>
  <li><img src="http://адрес картинки/2.jpg" width="120" height="150" alt="" /></li>
  <li><img src="http://адрес картинки/3.jpg" width="120" height="150" alt="" /></li>
  <li><img src="http://адрес картинки/4.jpg" width="120" height="150" alt="" /></li>
  <li><img src="http://адрес картинки/5.jpg" width="120" height="150" alt="" /></li>
  <li><img src="http://адрес картинки/6.jpg" width="120" height="150" alt="" /></li>
</ul>


демо

vertical_slider.rar [13.19 Kb] (cкачиваний: 770)
MD5: 27cffcbcd771f1c6806bc0e4b89f6cf0


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


0
Просмотры: 14 264 :: Комментарии (20) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1zvezdafans

  • 14 августа 2011 19:08
  • Регистрация: 22.01.2011
  • Был(а) онлайн: 15.11.2015
  • Комментариев: 57
  • 0
хехе! я его использую на своем новом сайте)) Но там в комплекте еще и горизонтальный идет! мог бы е го публикануть

#2Hockey

  • 14 августа 2011 19:08
  • Регистрация: 14.08.2011
  • Был(а) онлайн: 14.08.2011
  • Комментариев: 1
  • 0
Thanks for good news!

http://nexus.wyrldscape.com/Boards/member.php?u=326692
http://www.discusfish.ru/forum/index.php?showuser=232024
http://www.topgunthailand.com/webboard/memberlist.php?mode=viewprofile&u=16007
http://forums.overclockers.co.nz/member.php?u=196751
http://postyouradforfree.com/member.php?u=541493

#3MyxPyM

  • 14 августа 2011 19:19
  • Регистрация: 5.04.2010
  • Был(а) онлайн: 2.05.2020
  • Комментариев: 133
  • 0
Hockey,

Уверенно человек продвигает профиля)

#4ZAVcom

  • 14 августа 2011 19:38
  • Регистрация: 14.10.2009
  • Был(а) онлайн: 1.02.2020
  • Комментариев: 55
  • 0
Цитата: zvezdafans
там в комплекте еще и горизонтальный идет! мог бы е го публикануть
горизонтальных до .... ну во общем много, вот и опубликовал только как вертикальный smile

--------------------

#5WezangO

  • 14 августа 2011 21:37
  • Регистрация: 26.12.2009
  • Был(а) онлайн: 1.04.2020
  • Комментариев: 141
  • 0
Это же обычный jCarousel...

--------------------

#6lato

  • 14 августа 2011 22:27
  • Регистрация: 31.03.2011
  • Был(а) онлайн: 23.06.2017
  • Комментариев: 40
  • 0
Автоматическую прокрутку как сделать?

#7frost24

  • 15 августа 2011 00:21
  • Регистрация: 14.10.2009
  • Был(а) онлайн: 8.07.2022
  • Комментариев: 29
  • 0
вот еще бы кто нибудь из уважаемых сделал чтобы автоматически вставлялась картинка из новости, и по определенным параметрам: по дате публикации, по рейтингу, самые низко просматриваемые и т.п. И ненадо писать сделай сам, я пхп не знаю, учить нет времени. Просто если кто сможет такое реализовать будет очень хорошо clapping

--------------------

#8adamantis

  • 15 августа 2011 00:39
  • Регистрация: 11.09.2010
  • Был(а) онлайн: 31.07.2013
  • Комментариев: 107
  • 0
frost24,
а про модуль S-Blocks ты знаешь?

Через него сделаешь все легко и быстро...

#9zvezdafans

  • 15 августа 2011 00:47
  • Регистрация: 22.01.2011
  • Был(а) онлайн: 15.11.2015
  • Комментариев: 57
  • 0
adamantis,
да блин там надо как то блоки в сблокс достать из таблицы, ато тот же слайдер не работает

#10NFLjerseys

  • 15 августа 2011 02:32
  • Регистрация: 15.08.2011
  • Был(а) онлайн: 25.08.2011
  • Комментариев: 1
  • 0
Really nice and impressive blog i found today.

http://www.oslcstanhope.net/bb/memberlist.php?mode=viewprofile&u=50483
http://www.bcbudonline.com/forums/index.php?showuser=261916
http://www.pyrouniverse.com/phpBB2/profile.php?mode=viewprofile&u=520925
http://forum.deasoft.com/member.php?u=223655
http://dist-learn.ru/forum/profile.php?mode=viewprofile&u=331391

#11pmsa4ka

  • 15 августа 2011 04:50
  • Регистрация: 16.05.2011
  • Был(а) онлайн: 14.06.2012
  • Комментариев: 132
  • 0
NFLjerseys, mamba ага вкурил

#12vasyev1

  • 15 августа 2011 11:49
  • Регистрация: 9.03.2011
  • Был(а) онлайн: 6.07.2021
  • Комментариев: 4
  • 0
Нече так smile

#13acummaastorma

  • 15 августа 2011 12:14
  • Регистрация: 13.08.2011
  • Был(а) онлайн: 15.08.2011
  • Комментариев: 1
  • 0
Lucy and Edmund Pevensie return to Narnia with their cousin Eustace where they meet up with Prince Caspian for a trip across the sea aboard the royal ship The Dawn Treader. Along the way they encounter dragons, dwarves, merfolk, and a band of lost warriors before reaching the edge of the world.
Three young vigilantes huddle on la linea ready to chase illegals back across the border into Mexico... but they soon learn that there are borderlines deep within each one of them that each of them has to cross.

#14boardrusforall

  • 15 августа 2011 15:19
  • Регистрация: 12.08.2011
  • Был(а) онлайн: 15.08.2011
  • Комментариев: 1
  • 0
Hello all!
Tell me plz, can i post here many inks about Board?
If dont - plz delete thix topic or moved my message another topic.
Thx for you helpfull.
And sorry fuc*ing offtopic!!! wtf...o.O

Hello all!
Tell me plz, can i post here many inks about Board?
If dont - plz delete thix topic or moved my message another topic.
Thx for you helpfull.
And sorry fuc*ing offtopic!!! wtf...o.O

#15GARID

  • 17 августа 2011 18:42
  • Регистрация: 11.01.2011
  • Был(а) онлайн: 24.09.2021
  • Комментариев: 14
  • 0
crazy d a w

--------------------

#16sovanshik

  • 26 августа 2011 12:27
  • Регистрация: 26.08.2011
  • Был(а) онлайн: 26.08.2011
  • Комментариев: 11
  • 0
оризонтальных до .... ну во общем много, вот и опубликовал только как вертикальный

#17asustek88

  • 27 августа 2011 03:16
  • Регистрация: 28.06.2011
  • Был(а) онлайн: 5.05.2012
  • Комментариев: 24
  • 0
у меня углы острые , а на скрине закруглено . Как закруглить края ?

#18Sany_OK

  • 1 января 2012 18:29
  • Регистрация: 3.01.2011
  • Был(а) онлайн: 20.03.2013
  • Комментариев: 4
  • 0
ZAVcom,
слушай, у меня проблема!
все сделал по инструкции но на сайте выводит просто картинки одна под одной! (как будто так: /img.jpg<br>/img2.jpg ..........)

В чем проблема?

#19jakal

  • 27 июня 2012 02:03
  • Регистрация: 21.12.2009
  • Был(а) онлайн: 18.09.2022
  • Комментариев: 86
  • 0
значит конфликт js у мну тоже такое было)

#20panikajo

  • 27 июня 2012 02:21
  • Регистрация: 8.03.2011
  • Был(а) онлайн: 15.02.2019
  • Комментариев: 5
  • 0
он с багами или не?

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Архив новостей
Декабрь 2024 (10)
Ноябрь 2024 (9)
Октябрь 2024 (169)
Сентябрь 2024 (13)
Август 2024 (60)
Июль 2024 (12)

Последние комментарии: