prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

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

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


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно Вертикальный слайдер на 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>


демо

Z vertical_slider.rar Размер: 13.19 Kb, скачали 627 раз


Z Depositfiles.com Вертикальный слайдер на jQuery
0
Просмотры: 10490 VIP ProWebber | Комментарии (20)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1zvezdafans

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

0

#2Hockey

  • 14 августа 2011 19:08
  • Регистрация: 14.08.2011
  • ICQ: --
  • Комментариев: 1
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

0

#3MyxPyM

  • 14 августа 2011 19:19
  • Регистрация: 5.04.2010
  • ICQ: 410587599
  • Комментариев: 133
Hockey,

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

0

#4ZAVcom

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

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

0

#5WezangO

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

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

0

#6lato

  • 14 августа 2011 22:27
  • Регистрация: 31.03.2011
  • ICQ: --
  • Комментариев: 40
Автоматическую прокрутку как сделать?

0

#7frost24

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

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

0

#8adamantis

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

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

0

#9zvezdafans

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

0

#10NFLjerseys

  • 15 августа 2011 02:32
  • Регистрация: 15.08.2011
  • ICQ: --
  • Комментариев: 1
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

0

#11pmsa4ka

  • 15 августа 2011 04:50
  • Регистрация: 16.05.2011
  • ICQ: --
  • Комментариев: 132
NFLjerseys, mamba ага вкурил

0

#12vasyev1

  • 15 августа 2011 11:49
  • Регистрация: 9.03.2011
  • ICQ: 489422422
  • Комментариев: 4
Нече так smile

0

#13acummaastorma

  • 15 августа 2011 12:14
  • Регистрация: 13.08.2011
  • ICQ: --
  • Комментариев: 1
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.

0

#14boardrusforall

  • 15 августа 2011 15:19
  • Регистрация: 12.08.2011
  • ICQ: --
  • Комментариев: 1
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

0

#15GARID

  • 17 августа 2011 18:42
  • Регистрация: 11.01.2011
  • ICQ: --
  • Комментариев: 13
  • Выкл.
crazy d a w

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

0

#16sovanshik

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

0

#17asustek88

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

0

#18Sany_OK

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

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

0

#19jakal

  • 27 июня 2012 02:03
  • Регистрация: 21.12.2009
  • ICQ: 6-913-427
  • Комментариев: 86
значит конфликт js у мну тоже такое было)

0

#20panikajo

  • 27 июня 2012 02:21
  • Регистрация: 8.03.2011
  • ICQ: --
  • Комментариев: 5
он с багами или не?

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

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

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

Искать людей

Ваши переписки