• 生命不息,奋斗不止
  • 我思故我在
  • 奔跑是一种状态

求索者-wait主题-更改图片轮播方式-wowSlider

wp主题 admin 15℃ 0评论

求索者-wait主题-更改图片轮播方式-wowSlider

目前wait主题的图片轮播cube,立方体,切换的时候,会超出到外面去,看着不舒服。

想换成普通的滑动方式切换。

研究了wowSlider(一个exe生成轮播图片,可以设置样式风格方式)。尝试了可行。

1.在slider.js 的1159行,加入:


function ws_basiclinear(c, a, b) {
    var d = jQuery;
    var e = d("<div></div>").css({
        position: "absolute",
        display: "none",
        "z-index": 2,
        width: "200%",
        height: "100%"
    }).appendTo(b);
    this.go = function(f, j) {
        e.stop(1, 1);
        var g = ( !! ((f - j + 1) % a.length) ^ c.revers ? "left" : "right");
        d(a[j]).clone().css({
            position: "absolute",
            left: "auto",
            right: "auto",
            top: 0,
            width: "50%"
        }).appendTo(e).css(g, 0);
        d(a[f]).clone().css({
            position: "absolute",
            left: "auto",
            right: "auto",
            top: 0,
            width: "50%"
        }).appendTo(e).css(g, "50%").show();
        e.css({
            left: "auto",
            right: "auto",
            top: 0
        }).css(g, 0).show();
        var h = b.find("ul").hide();
        var i = {};
        i[g] = "-100%";
        e.animate(i, c.duration, "easeInOutExpo", function() {
            h.css({
                left: -f + "00%"
            }).show();
            d(this).hide().html("")
        });
        return f
    }
}; 
2.调整更改方式
jQuery("#wowslider-container1").wowSlider({
    effect: "cube",
更改为:
jQuery("#wowslider-container1").wowSlider({
    effect: "basiclinear",

ps.当然可以自己调整自己喜欢的。需要把相应的function,放进来。
相应的function,在WOW Slider发布到文件夹后的script.js中复制
点赞 (0)
发表我的评论
取消评论
表情     8 + 7 = ? (必填)

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址