簡體   English   中英

我不是Java語言專家..如何使Jquery Carousel的圖像幻燈片一張一張地滑動?

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM