[英]How can I have multiple instances of this jQuery image slide effect on one page
[英]I'm Not a Javascript Expert .. How Can I Make a Jquery Carousel's Image Slide One By One?
我幾乎沒有使用JAVASCRIPT的經驗,所以我搜索了很多帶有左右箭頭和燈箱(fancybox)的輪播。 最終我找到了它……但是當我單擊向左或向右箭頭時,所有圖像行都向左或向右滑動。 我通常需要一張一張地滑動它。 請問我該如何修改呢?
我已經完成了將輪播復制到我的網站的操作,但是唯一的問題是所有圖像行都向左和向右滑動...因此,當用戶單擊左鍵時,當前的四個圖像將替換為下四個圖像。
在這里很難編寫所有需要的代碼,我認為其他Javascript文件會對最終結果產生影響。 因此,我附加了所有需要的文件。 網站檔案
首先,我建議您按照此說明練習實施輪播(請確保相應地合並了Bootstrap 4)。
https://v4-alpha.getbootstrap.com/components/carousel/#with-controls
我對輪播的經驗是,必須將<div>
嵌套在每個圖像中以控制其放置和滑動。 我必須為旋轉木馬為每個圖像創建容器,因此至少三層。 如果每個幻燈片只使用一個圖像,則可以只使用div
容器。
現在,如果您也使用LightBox框架,則可能存在沖突的javascript函數。 我的建議是,如果您真的想要輪播,請僅使用圖像,然后通過CSS腳本相應地設置其樣式,而不要使用燈箱。 否則,它將深入JavaScript並進行自定義調整。
https://jsfiddle.net/rkrameshkumar71/qs6z1o4u/
這些用於強制鏈接的尖括號:您看過https://jsfiddle.net/rkrameshkumar71/qs6z1o4u/
enter code here
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.