当滚动到第四张图片时,会快速滚到第三张,第二张,第一张图片
当我想轮播时,第四张轮播玩就滚到第一张,
看看这个咯
http://bbs.blueidea.com/thread-3049362-1-1.html
你轮播的时候是不是有个index值啊，在轮播到第四张的时候改为1
https://github.com/idiot/unslider/blob/master/src/unslider.js
我是用这个插件来做的
(function (e, t) { var n = function () { function r(t, r) { if (t == "dot") { r = ''; e.each(n.li, function (e) { r += '- ' + ++e + "
" }); r += "
" } else { r = '' + r + t + ' prev">' + n.o.prev + "" + r + t + ' next">' + n.o.next + "" } n.el.addClass("has-" + t + "s").append(r).find("." + t).click(function () { var t = e(this); t.hasClass("dot") ? n.stop().to(t.index()) : t.hasClass("prev") ? n.prev() : n.next() }) } var n = this; n.o = { speed: 500, delay: 3e3, init: 0, pause: !t, loop: !t, keys: t, dots: t, arrows: t, prev: "←", next: "→", fluid: t, starting: t, complete: t, items: ">ul", item: ">li", easing: "swing", autoplay: true }; n.init = function (t, i) { n.o = e.extend(n.o, i); n.el = t; n.ul = t.find(n.o.items); n.max = [t.outerWidth() | 0, t.outerHeight() | 0]; n.li = n.ul.find(n.o.item).each(function (t) { var r = e(this), i = r.outerWidth(), s = r.outerHeight(); if (i > n.max[0])n.max[0] = i; if (s > n.max[1])n.max[1] = s }); var i = n.o, s = n.ul, o = n.li, u = o.length; n.i = 0; t.css({width: n.max[0], height: o.first().outerHeight(), overflow: "hidden"}); s.css({position: "relative", left: 0, width: u * 100 + "%"}); o.css({"float": "left", width: n.max[0] + "px"}); i.autoplay && setTimeout(function () { if (i.delay | 0) { n.play(); if (i.pause) { t.on("mouseover mouseout", function (e) { n.stop(); e.type == "mouseout" && n.play() }) } } }, i.init | 0); if (i.keys) { e(document).keydown(function (e) { var t = e.which; if (t == 37)n.prev(); else if (t == 39)n.next(); else if (t == 27)n.stop() }) } i.dots && r("dot"); i.arrows && r("arrow"); if (i.fluid) { e(window).resize(function () { n.r && clearTimeout(n.r); n.r = setTimeout(function () { var e = {height: o.eq(n.i).outerHeight()}, r = t.outerWidth(); s.css(e); e["width"] = Math.min(Math.round(r / t.parent().width() * 100), 100) + "%"; t.css(e) }, 50) }).resize() } if (e.event.special["swipe"] || e.Event("swipe")) { t.on("swipeleft swiperight swipeLeft swipeRight", function (e) { e.type.toLowerCase() == "swipeleft" ? n.next() : n.prev() }) } return n }; n.to = function (r, i) { if (n.t) { n.stop(); n.play() } var s = n.o, o = n.el, u = n.ul, a = n.li, l = n.i, c = a.eq(r); e.isFunction(s.starting) && !i && s.starting(o, a.eq(l)); if ((!c.length || r 1 ? "-" + ++i : ""), a = (new n).init(s, t); s.data(u, a).data("key", u) }) }; n.version = "1.0.0"})(jQuery, false)这个脚本我要怎么修改??
http://www.yxsss.com/ui/pic.html
可以去看看 也是图片轮播的
if(!this.items.eq(index).length) index = 0;
if(!this.items.eq(index).length) {index = 0; cb = true;} if(index
效果演示: http://a7d.net46.net/unslider_mod.php 源文件中 这行
var speed = cb ? 5 : this.opts.speed;
中的 5 指动画时间只持续 5 ms, 已经极小了, 和直接切换的效果差不多了, 当然想要绝对 可以把它改成 0
(function (e, t) { var n = function () { function r(t, r) { if (t == "dot") { r = ''; e.each(n.li, function (e) { r += '- ' + ++e + "
" }); r += "
" } else { r = '' + r + t + ' prev">' + n.o.prev + "" + r + t + ' next">' + n.o.next + "" } n.el.addClass("has-" + t + "s").append(r).find("." + t).click(function () { var t = e(this); t.hasClass("dot") ? n.stop().to(t.index()) : t.hasClass("prev") ? n.prev() : n.next() }) } var n = this; n.o = { speed: 500, delay: 3e3, init: 0, pause: !t, loop: !t, keys: t, dots: t, arrows: t, prev: "←", next: "→", fluid: t, starting: t, complete: t, items: ">ul", item: ">li", easing: "swing", autoplay: true }; n.init = function (t, i) { n.o = e.extend(n.o, i); n.el = t; n.ul = t.find(n.o.items); n.max = [t.outerWidth() | 0, t.outerHeight() | 0]; n.li = n.ul.find(n.o.item).each(function (t) { var r = e(this), i = r.outerWidth(), s = r.outerHeight(); if (i > n.max[0])n.max[0] = i; if (s > n.max[1])n.max[1] = s }); var i = n.o, s = n.ul, o = n.li, u = o.length; n.i = 0; t.css({width: n.max[0], height: o.first().outerHeight(), overflow: "hidden"}); s.css({position: "relative", left: 0, width: u * 100 + "%"}); o.css({"float": "left", width: n.max[0] + "px"}); i.autoplay && setTimeout(function () { if (i.delay | 0) { n.play(); if (i.pause) { t.on("mouseover mouseout", function (e) { n.stop(); e.type == "mouseout" && n.play() }) } } }, i.init | 0); if (i.keys) { e(document).keydown(function (e) { var t = e.which; if (t == 37)n.prev(); else if (t == 39)n.next(); else if (t == 27)n.stop() }) } i.dots && r("dot"); i.arrows && r("arrow"); if (i.fluid) { e(window).resize(function () { n.r && clearTimeout(n.r); n.r = setTimeout(function () { var e = {height: o.eq(n.i).outerHeight()}, r = t.outerWidth(); s.css(e); e["width"] = Math.min(Math.round(r / t.parent().width() * 100), 100) + "%"; t.css(e) }, 50) }).resize() } if (e.event.special["swipe"] || e.Event("swipe")) { t.on("swipeleft swiperight swipeLeft swipeRight", function (e) { e.type.toLowerCase() == "swipeleft" ? n.next() : n.prev() }) } return n }; n.to = function (r, i) { if (n.t) { n.stop(); n.play() } var s = n.o, o = n.el, u = n.ul, a = n.li, l = n.i, c = a.eq(r); e.isFunction(s.starting) && !i && s.starting(o, a.eq(l)); if ((!c.length || r 1 ? "-" + ++i : ""), a = (new n).init(s, t); s.data(u, a).data("key", u) }) }; n.version = "1.0.0"})(jQuery, false)这个脚本我要怎么修改??
改
if (!c.length)r = 0;if (r
成
if (!c.length) {r = 0; i = true;}if (r
