作者danny8376 (钓到一只猴子@_@)
标题Re: [问题] 关於网页图片跑马灯切换问题
时间Mon Sep 16 02:19:38 2013
※ 引述《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