JavaScript Slide Slick_accessable_slideshow.
-
06-09-2019 - |
سؤال
لدي ثلاثة فحم في صفحة HTML. تبدو الصفحة مثل هذا
صفحة HTML:
leftArrow(>) div rightArrow(<)
أحتاج إلى تحريك DIV من اليسار إلى اليمين واليمين إلى اليسار. باستخدام جافا سكريبت و dhtml
أو jQuery.
هل من الممكن التحرك في هذا الاتجاه؟
لا يوجد حل صحيح
نصائح أخرى
نعم، لقد فعلت ذلك في الماضي دون استخدام 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.
نلقي نظرة على مسج دورة البرنامج المساعد. وبعد ستقوم بالتمرير إلى اليسار / اليمين ويسمح بالأزرار السابقة / التالية.
لا تنتمي إلى StackOverflow