javascript слайд slick_accessible_slideshow - PullRequest
Новая
       10

javascript слайд slick_accessible_slideshow

0 голосов
/ 01 июня 2009

у меня есть три div на странице HTML. страница выглядит так

HTML-страница: 

   leftArrow(>)   div   rightArrow(<)

Мне нужно переместить div слева направо и справа налево. используя javascript и DHTMl

или JQuery.

Можно ли двигаться в этом направлении?

Ответы [ 2 ]

1 голос
/ 01 июня 2009

Да, это возможно, я делал это раньше, не используя jQuery.

У меня есть следующая разметка: 

<div id="HorThumbs" style="overflow:hidden;width:500px">
  <div id="HorScroller" style="width:1000px">
    //Data to be shown
  </div>
</div>

var scrollStep=1;
var timerLeft,timerRight="";
function scrollDivLeft(id){
  clearTimeout(timerRight);
  document.getElementById(id).scrollLeft-=scrollStep;
  timerRight=setTimeout("scrollDivLeft('"+id+"')",1);
}

function scrollRight(id){
  clearTimeout(timerLeft);
  document.getElementById(id).scrollLeft+=scrollStep;
  timerLeft=setTimeout("scrollRight('"+id+"')",1);
}

Затем добавьте событие MouseOver к вашим стрелкам влево и вправо, передав «HorThumbs» в качестве идентификатора функции scrollDivLeft или scrollDivRight.

0 голосов
/ 01 июня 2009

Взгляните на jQuery цикл плагин . Он будет прокручивать влево / вправо и позволяет кнопкам назад / вперед.

...