圖標(biāo)，當(dāng)點(diǎn)擊1~5的時(shí)候，會(huì)鏈接到相應(yīng)的圖片，而圖片的切換效果最終還是由#imagesimg和#images imgta。

一制作單張圖片滾動(dòng)效果 圖1視頻編輯軟件導(dǎo)入素材 如圖1，首先在視頻編輯軟件中導(dǎo)入圖片素材，將五張貓咪圖片添加到覆疊軌1這里小編選擇的是可愛的貓咪圖片，大家也可以選擇人物的圖片作為素材，最后成片效果也很不錯(cuò)如圖2。

其實(shí)很簡單，只需要為每個(gè)輪播圖設(shè)置不同的class類和不同的options名即可實(shí)現(xiàn)的效果圖因?yàn)榈诙€(gè)輪播圖是左右滑動(dòng)，可能會(huì)報(bào)下面的錯(cuò) 這是因?yàn)榉庋b好的swiperjs文件中有一個(gè)默認(rèn)事件， epreventDefault 只。

01 首先我們需要新建一個(gè)HTML5的文檔，然后在文檔中導(dǎo)入Bootstrap的樣式文件，這個(gè)文件中包含了輪播圖所有的樣式定義，如下圖所示 02 接下來我們需要導(dǎo)入腳本文件，注意先導(dǎo)入Jquery文件，然后導(dǎo)入bootstrap的腳本文件，順序一定不能。

準(zhǔn)備好一張海報(bào)然后截取中間一部分，間留990像素，兩邊做樣式背景，PS保存網(wǎng)頁模式大小在200K以內(nèi)背景頭部要遇留店招的空白長度為950px，高度不要超過淘寶限制高度，然后用自定義模塊或圖片輪播把圖片添加進(jìn)去，并設(shè)置好鏈接。