【问题标题】:How to make bigger slides with AnythingSlider (jquery plugin)?如何使用 AnySlider(jquery 插件)制作更大的幻灯片?
【发布时间】:2009-09-14 18:48:35
【问题描述】:

我已按照任何滑块 (http://css-tricks.com/anythingslider-jquery-plugin/) 网站上关于自定义的说明进行操作,但是当我添加宽度时,幻灯片消失或空白幻灯片。

我们将不胜感激。

【问题讨论】:

    标签: javascript jquery css jquery-plugins


    【解决方案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; 
        }
    

    就是这样,这就是你必须改变的所有东西,以使滑块具有更大的宽度和高度。

    如果您更改了其他任何内容,那就是问题所在。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-09-13
      • 1970-01-01
      • 2010-11-24
      • 2013-03-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-08-24
      相关资源
      最近更新 更多