1、arrows布爾值true左右箭頭 infinite布爾值true循環(huán)播放 lazyLoad字符串‘ondemand’延遲加載，可選 ondemand 和 progressive onBeforeChangethis， indexmethodnull開(kāi)始切換前的回調(diào)函數(shù) onAfterChangethis， indexmethodnull切換后；一樓回答正解，如果是從上到下排列的圖片的話(huà)，1樓的方法完全可用如果是左右切換的照片，建議所有的100張圖片都先用一張1*1像素的透明圖片來(lái)代替，頁(yè)面載入的時(shí)候改變第一張圖片的url點(diǎn)解左右箭頭下一張的時(shí)候立刻改變；你做3個(gè)div層 假如ID分別是 div1，div2，div3 Class統(tǒng)一為list 按鈕ID是bt1 jquery代碼可以這樣寫(xiě)function $quotlisteq0quotaddClassquotshowquot顯示標(biāo)記 $quotlistgt0quothideclass；html無(wú)法實(shí)現(xiàn)動(dòng)態(tài)特效效果，需要結(jié)合js或jquery等相關(guān)技術(shù)實(shí)現(xiàn)，你可以百度js或jq實(shí)現(xiàn)圖片左右切換效果，代碼超級(jí)多，找一個(gè)比著修改自己的代碼即可；lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquotinsert var arr=new Arrayquotimg1jpegquot，quotimg2jpegquot，quotimg3jpegquot，quotimg4jpegquot，quotimg5jpegquot，quotimg6jpegquot，quotimg7jpegquot，quotimg8jpegquot，quot；首先先把template和css寫(xiě)好其中introducechatbarvideobar分別代表三個(gè)需要跟隨button切換的組件，接下來(lái)就可以給vuejs的button節(jié)點(diǎn)綁定事件來(lái)操控點(diǎn)擊狀態(tài)點(diǎn)擊不同的button，會(huì)讓active的狀態(tài)改變，同時(shí)這個(gè)狀態(tài)會(huì)作用到。

2、lt！DOCTYPE html 動(dòng)態(tài)切換圖片 ul padding0margin0 li liststyle pic position relativewidth 400pxheight 400pxbackgroundcolorredmargin100px autobackgroundurl#39image1；需要用到j(luò)s，使用圖像交換，你下面說(shuō)的DW是控制圖片的數(shù)量來(lái)源，JS是控制圖片的變換，差不多就是這個(gè)原理。

3、jQuery自動(dòng)適應(yīng)屏幕寬度滑動(dòng)輪播圖Divas Slider，當(dāng)前屏幕顯示三張圖片中間高亮顯示，左右滑動(dòng)切換，此插件最大特點(diǎn)就是可以根椐自動(dòng)適應(yīng)屏幕寬度，高度等比例縮放；參考代碼lt！DOCTYPE html Title btn display block margin135px auto width 30px height 30px fontsize 30px cursor pointer btnhover color。

4、下面是可配置輪播動(dòng)畫(huà)代碼 fnslide=functionoptions var defaults= affect1， 1上下滾動(dòng) 2幕布式 3左右滾動(dòng)4淡入淡出 time 5000， 間隔時(shí)間 speed500， 動(dòng)畫(huà)快慢 dot_text；手機(jī)端頁(yè)面切換，頁(yè)面跟隨手勢(shì)上下左右滑動(dòng)，依賴(lài)zeptojs如果工程中同時(shí)使用jquery的話(huà)，采用如下方式來(lái)調(diào)用zepto的方法function$$#39#Marke#39touchSliderdirection #39v#39，itemSelector#39slide#39，slidePercent0；左右點(diǎn)擊切換模塊我們通過(guò)對(duì)左右按鈕進(jìn)行點(diǎn)擊監(jiān)聽(tīng)在點(diǎn)擊后做出反應(yīng)左右點(diǎn)擊的思路一樣我們先說(shuō)一下右邊按鈕點(diǎn)擊事件當(dāng)我們點(diǎn)擊右邊按鈕后，我們通過(guò)對(duì)點(diǎn)擊次數(shù)進(jìn)行累計(jì)此處我使用初始化常量然后累加最后通過(guò)判斷來(lái)達(dá)到。

5、可以通過(guò)CSS的偽元素或SVG來(lái)創(chuàng)建箭頭的形狀，也可以使用圖片作為箭頭的背景3最后，給箭頭元素綁定點(diǎn)擊事件，并在事件處理函數(shù)中實(shí)現(xiàn)圖片的切換邏輯可以通過(guò)數(shù)組或鏈表來(lái)存儲(chǔ)圖片列表，并用一個(gè)變量來(lái)記錄當(dāng)前顯示的圖片索引。

6、用js的 eventkeyCode來(lái)獲取方向鍵從網(wǎng)上你可以查到左右方向鍵對(duì)應(yīng)的keyCode值，這樣你就能獲取到左右鍵點(diǎn)擊事件了然后當(dāng)左右鍵點(diǎn)擊的時(shí)候，觸發(fā)顯示和隱藏對(duì)應(yīng)圖片的功能圖片的顯示和隱藏，你可以用js給對(duì)應(yīng)的圖片添加。