JavaScript Slide Slick_accessable_slideshow.

Question

لدي ثلاثة فحم في صفحة HTML. تبدو الصفحة مثل هذا

صفحة HTML:

   leftArrow(>)   div   rightArrow(<)

أحتاج إلى تحريك DIV من اليسار إلى اليمين واليمين إلى اليسار. باستخدام جافا سكريبت و dhtml

أو jQuery.

هل من الممكن التحرك في هذا الاتجاه؟

Answer 1

نعم، لقد فعلت ذلك في الماضي دون استخدام 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.

Answer 2

نلقي نظرة على مسج دورة البرنامج المساعد. وبعد ستقوم بالتمرير إلى اليسار / اليمين ويسمح بالأزرار السابقة / التالية.