㈠ 簡單輪播圖的實現及原理講解（js）
三個div，最外層id為 parent 的大div內包含了 uls 和 buttons 兩個div，div uls 中包含了兩個列表 img_ul （圖片列表）, litCir_ul （小圓點列表），div buttons 里則包含了「左」， 「右」兩個按鈕。
之所用js添加小圓點，是因為小圓點的數量是由圖片張數決定的。
默認 li 的 class 為 quiet , 第一張默認為 active 。
首先先理解該輪播圖如何滾動，這里是通過控制 img_ul 的 left 值來控制顯示某張圖片， 為了實現「滾動」的效果，我們需要 逐漸 改變 img_ul 的 left 值，而不能直接使該值變化圖片寬度的倍數。這里我們定義一個動畫效果函數 Roll() 。
試想下面的情況，當圖片從最後一張切換到第一張時，這時就不能通過逐漸改變 img_ul 的 left 值來實現滾動的效果，於是 克隆第一張圖片至列表尾部，當滾動完最後一張圖片時，繼續滾動到克隆的第一張，然後將 img_ul 的 left 值置為0。
需要注意的是小圓點和圖片列表的 li 數目是不一樣的，當滾動到最後一個克隆項時，此時小圓點實際上在第一個位置。
開始自動滾動：
timer = setInterval(autoRun, gap);
給每個小圓點綁定了onmouseover事件，這個方法有個細節，會根據兩次小圓點的距離差調整速率為 rate*times ，使切換效果更自然（也就是說每次切換說花的時間基本一致，無論是第一張到第二張，還是第一張到最後一張）。
觸及區域，清除定時器，顯示按鈕。
離開區域，添加定時器，隱藏按鈕。
自動播放就是間隔一定時間不斷調用函數「下一張」的過程，所以這里的按鈕 right 下一張的實現就是上面的 autoRun 函數。
以上就是輪播圖各部分的實現原理，如果你有其他的方法，歡迎一起交流！
2019.3.30更新：
用requestAnimationFrame()實現一個輪播圖
㈡ 淘寶輪播圖怎麼做
請問淘寶店鋪首頁的輪播大圖怎麼弄的？
【第一步】、設計好促銷圖片。想要製作圖片輪播，就必須要有圖握大片，所以第一步就是要准備至少兩張圖片 ，這一步您可以用photoshop設計好促銷廣告圖片。
【第二步】，將圖片上傳到圖片空間。登錄淘寶，點擊賣家中心，點擊進入圖片空間
點擊圖片上傳，點擊添加添加圖片即可從您的電腦中上傳圖片到圖片空間。
【第三步】，裝修狀態，插入「圖片輪播」。返回賣家中心，點擊店鋪裝修
點擊在此處添加模塊
然後，會出現一個選框，點擊添加「圖片輪播」
點擊編輯。1.模塊標題：可以設置模塊標題，如果不想顯示標題可以點擊旁邊的小選框中打鉤。2.模塊高度：您准備的圖片，寬度、高度要一致。圖片寬度根據您的圖片實際高度而設置，圖片輪播寬度為淘寶設置，750px不變。如果沒有找到合適的高度，您可以選擇自定義。3.切換效果：分為上下滾動和漸變滾動兩種方式，根據自己的需要選擇。
【第四步】，指定圖片和連接目標。點擊下面圖片中紅 *** 域中的小圖片，就可以使用圖片空間中的圖片。
滑鼠放在選中的圖片上，滑鼠「右擊」點擊復制圖片地址。黏貼到圖片地址的選框中。 連接地址就是點擊促銷圖片會轉到您指定的詳情寶段乎豎貝頁面。當您在首頁點擊一個寶貝商品時，他會跳到相應的寶貝詳情頁面。復制列如以下圖片地址，黏貼到連接地址即可。
到此為止，圖片輪播也就做好了。
淘寶網首頁輪播圖怎麼上
鑽石展位，首焦圖，可以去鑽展後台報名競價
如何在淘寶主頁上設置圖片輪播
如果你是標准版旺鋪，本身就有這個輪播功能的。如果是扶持版的，就要自己買個模塊。圖片要你自己先做好，尺寸要一樣大骸然後上傳到圖片空間，再復制圖片地址，粘貼進去就可以了。
怎樣把別人淘寶輪播圖保存在桌面
這個有些麻煩，你可以右鍵點擊圖片，選擇\「審查元素」，在頁面下方會出現一個代碼框，在代碼框上方選擇第二個Resources,會出來一個Frames文件夾，點擊此文件夾前面的三角，會有出N多子文件，然後再點擊第一個子文件夾前的三角，又會出來N多子文件，找到並點擊Images文件前的三角，會出來N多的圖片，找到自己想要保存的圖片後，在代碼框里會出現這個圖片，此時你再右鍵點擊圖片後，選擇Open image in new tab ,圖片會在一個新頁面打開，此時你再右鍵點擊圖片，你可以選擇圖片另存為，也可以選擇復制圖片，都可以放在桌面上了。 如果親滿意，請親采購，祝你新的一年裡快快樂樂
淘寶中圖片輪播的圖怎麼製作
你想要清晰的圖，那麼在你拍照的時候一定要拍大圖（像素高的），這樣你ps過的圖就會使清晰的。如果你的圖本來就小，不管你怎麼修都是模糊的。圖片輪播的圖片至少也要950像素X600像素以下的大小，解析度最低也得72dpi，那麼你的圖就是清晰的
淘寶店鋪里的輪播圖片怎麼製作
把你在網路找的圖片保存到電腦，再上傳到淘寶後台，復制鏈接就可以了
淘寶店鋪模版上的輪播圖片怎麼替換 10分
首先要進入裝修頁面，點開「圖片輪播」編輯頁面：
點擊圖片圖標 可以插入圖片空間圖片：
點擊選擇 然後插入圖片空間圖片：
可以在「操作」階段進行調整/刪除 也可以添加新圖片：
可以在「顯示設置」進行進一步的調整
新旺鋪專業版通欄寬度為950px/左側欄為190px/右側欄為750px/
新旺鋪基礎版左側欄為190px/右側欄頃鏈為750px/
在「切換效果」這里就是圖片與圖片之間輪播時的替換方式，有「上下滾動」和「漸變滾動」。
最後點「保存」。
淘寶圖片輪播圖片怎麼鋪滿圖片輪播？？
用作圖軟體先把圖片尺寸修改好 按照網站上面的圖片尺寸要求 改完就可以了
淘寶店鋪裝修圖片輪播超大圖怎麼製作
淘寶店鋪裝修圖片輪播超大圖製作：
1、首先打開製作網站 xfbdw/index.php。
2、在圖片地址這里添加店家已經做好的圖片地址，圖片先上傳到淘寶圖片空間，全屏的圖片是寬1920像素，製作的是1920x500，圖片都需要提前做好，再開始第一步。
3、鏈接就是圖片的鏈接地址，頁面也可以是寶貝的鏈接地址，現在製作的是寶貝鏈接地址。
4、海報寬度和高度根據自己需要設置，做輪播圖海報的高度要一致，不然不好看。
5、然後是海報按鈕，在最右邊有個下載海報按鈕，下載下來選個自己比較喜歡的按鈕，傳到圖片空間，然後把圖片鏈接復制粘貼到下圖顯示的地方即可，注意左右區分。
6、然後是輪播時間設置，可根據自己的喜好設置。
7、這一欄根據自己的店鋪和喜好設置，切換方式和速度自己隨便設置。
8、海報按鈕這里需要點擊啟用。
9、最後生成代碼，然後復制代碼。
10、把黑框里的代碼復制賣家中心—店鋪裝修—添加模塊—添加自定義模塊。
11、自定義模塊顯示標題這里，點擊不顯示，然後點擊紅圈的地方，編輯代碼。
12、把剛剛做好的代碼復制進去就大功告成。
淘寶店鋪裝修圖片輪播的大小尺寸是多大？
寬950像素，高度自己設定！
還有寬750像素的，高度自己設定！
一般高度設定定500像素或者550像素！