Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Изменить способ открутки контента в слайдере |
| Изменить способ открутки контента в слайдере |
|
помогите сделать, чтобы картинки слайдера менялись не сверху вниз, а справа налево
вот ява скрипт Цитата <script type="text/javascript"> var element_this = $('.slide').size(); $.fn.fadenext = function () { $('.s_next').fadeTo(100,0); $('.s_prev').fadeTo(100,0); return $(this).hover( function(){$('.s_next').stop().fadeTo(400,1);$('.s_prev').stop().fadeTo(400,1)}, function(){$('.s_next').stop().fadeTo(400,0);$('.s_prev').stop().fadeTo(400,0)};);} $(".slideshow").fadenext(); function slide_next() { if(element_this == 1) {element_this = $('.slide').size();$('.slideshow_in').animate({marginTop: '0px'},400)} else { if(element_this > 1) { element_this = element_this-1; $('.slideshow_in').animate({marginTop: '-=400px'},400)}}} $('.s_next').click(function(){slide_next()};); $('.s_prev').click(function(){ if($('.slide').size() != element_this) { element_this = element_this+1; $('.slideshow_in').animate({marginTop: '+=400px'},400) } else { element_this = 1; start_s = ($('.slide').size()-1) * 400; $('.slideshow_in').animate({marginTop: '-'+start_s + 'px'},400) }};); setInterval(function(){slide_next()},10000) </script> css Цитата .slideshow {width:702px;height:400px;margin-bottom:14px;overflow:hidden} .slideshow_in {width:19000px;height:400px;} .slide {width:702px;height:400px;overflow:hidden;position:relative;} .slide_title {font-family:sans-serif;position:absolute;margin-left:0px;padding:19px 15px;width:198px;height:100%;color:#FFFFFF;text-decoration:none;background:#121212;opacity: 0.85; filter:alpha(opacity=85);} .slide_title:hover {color:#FFFFFF;text-decoration:none} .s_next {width:60px;height:26px;background:url('/img/vverh.png') 0 0 no-repeat;position:absolute;margin-left:84px;margin-top:317px;z-index:2;cursor:pointer} .s_prev {width:60px;height:26px;background:url('/img/vniz.png') 0 0 no-repeat;position:absolute;margin-top:357px;margin-left:84px;z-index:2;cursor:pointer} сайт voenvesti.ru а ещё, лучше будет, если он будет переключаться не стрелками, а кружками (пример на прикрепленной картинке) Прикрепления:
5586833.png
(333.8 Kb)
Сообщение отредактировал webanet - Воскресенье, 16 Фев 2014, 17:00:18
|
|
Цитата Serzov (  )помогите сделать, чтобы картинки слайдера менялись не сверху вниз, а справа налево вот ява скрипт |
|
Цитата DarthRelak ( )Serzov, в скрипте везде замените marginTop на marginLeft ага + еще нао поменять все 400 на 700 и все будет как говориться ))) Спасибо = "+" в репутацию
Любые вопросы по: - Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям |
|
Цитата M-Brook ( )ага + еще нао поменять все 400 на 700 и все будет как говориться ))) сделал так, теперь прокручивается только первый слайд а дальше белый экран Добавлено (16 Фев 2014, 21:32:11) Добавлено (16 Фев 2014, 21:42:57) Добавлено (17 Фев 2014, 19:41:40) Цитата Serzov ( )тогда ещё маленький вопрос, а как сделать, чтобы после того, как доходит до последнего слайда, он не возвращался резко к первому в обратную сторону, а шел дальше по кругу в ту же сторону к первому слайду ещё актуально |
|
круто.. а зачем? слайдеров море в сети.
посмотрите тут - есть что выбрать... может быть найдете подходящий Вам и решитесь сменить: http://www.peaxl.ru/featured/luchshie-jquery-galerei-i-slajdery или тут: http://wpget.ru/top-5-jquery-slaidera-na-sait.html или тут: http://jqscript.com/tag....-jquery  WWW.DOGICA.COM / WWW.DOGICA.ORG |
| |||
| |||