Question

我已经按照Anything滑块（http://css-tricks.com/anythingslider-jquery-plugin/）网站上的说明进行了自定义，但是当我添加宽度时，我有幻灯片或空白幻灯片。

任何帮助都会得到很多赞赏。

Answer 1

要使幻灯片更大，您需要更改的内容如下：

/* this is the width of the outer container */
.anythingSlider { 
        width: 670px; /*change this value */
        height: 137px; /* change this value */
        position: relative; 
        margin: 0 auto 0; 

    } 

/* this is the width of the inner container */
    .anythingSlider .wrapper { 
        padding-bottom: 0;
        margin-bottom: 0;
        width: 670px; /*change this value */
        overflow: hidden; 
        height: 137px; /*change this value */
        margin: 0 10px; 
        position: absolute; 
        top: 0; 
        left: 0; 
    }

/* this is the width of the slide */
    .anythingSlider ul li { 
        display: block; 
        float: left; 
        padding: 0; 
        height: 317px; /*change this value */
        width: 680px; /*change this value */
        margin: 0; 
    }

就是这样，你需要做的就是让滑块有更大的宽度和高度。

如果你改变了其他任何东西，那就是问题所在。

如果这不起作用，请发布您的代码，以便我们可以看到实际问题。

如何使用AnythingSlider（jquery插件）制作更大的幻灯片？

1 个答案: