※ 引述《ololkiss123 (絕望的鮑魚)》之銘言：
: http://lbear.pixnet.net/blog
: 關於上方的圖片跑馬燈的方式
: 因為八張圖跑完的時後會變成"拉回"方式跑到第一張
: 有沒有辦法把"拉回"方式取消?
: https://www.dropbox.com/s/xwu4fsrc7lobd2x/HtmlCoed.txt
: 這是網頁的CODE，我不知我問題出在哪
: 這網是DEMO，我想做出這樣的感覺。(就是不會被"拉回"直接回第一張圖)
: http://demonstration.abgne.tw/jquery/0041/0041_2.html
為了方便直接塞jsfiddle了
原版
http://jsfiddle.net/danny8376/EUekF/
基本修改版
http://jsfiddle.net/danny8376/EUekF/1/
其實算是很簡單的基本技巧
直接把第一張圖複製然後放到最後面產生新的一份
當要滾回第一個時不真的滾回第一個
而是滾到那個新產生的"第一個" (實際上是最後一個 不過看不出來)
而當滾到完整顯示這"第一個"之後再直接跳回真正的第一個
這樣下次的效果才不會變回滾(因為實際上是最後一個XD)
務實上也都是這樣做的
(當然也可以不用複製 實際對第一個li做搬移也行)
不過為了讓control的"1"被選中
所以有呼叫第一個的click 這樣剛開始會有跑一圈的奇妙效果
同時手動按按鈕還是要有回滾效果才比較自然
所以這邊就在改一下啦
把click給拆出來 用個是否要滾到那個複製的第一個的參數
完整修改版?
http://jsfiddle.net/danny8376/EUekF/2/
對了 你給的那個是實際去改動li的編排
(除了CSS移動外同時也把目前的第一個丟到最後去)
不過這種方法不大適合需要能讓使用者自己直接選哪個的形式
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.115.216.102