2

我创建了一个 wordpress 网站，在其中将 cycle2 插件集成到图库中。当用户添加超过 1 个图像时，控件会显示并开始幻灯片转换。我希望控件在只有 1 个图像时隐藏。我有一段代码可以帮助开发过程，但尝试将 css display:none 添加到函数中，但没有任何反应。如果有人可以指导我，那就太好了，因为我尝试了不同的方法。

插件： http: //www.malsup.com/jquery/cycle2/

CSS：

.cycle-slideshow {
    height:400px;
    z-index:0;
}
.cycle-slideshow  img{
    width:100%;
    height:100%;
    z-index:3;
}
.center {
    display:block;
}
.center a{
    z-index:4;
    position:absolute;
    margin-top:-48px;
}
.center a:hover {
    display:block;
}
.center a#prev, .center a#next{
    position:relative;
    width:4%;
    height:60px;
    width:60px;
    margin-top:-60px;
    font-size:40px;
    text-align:center;  
    color:#FFF;
}
.center a#next{
    float:right;
    background:url(images/next.png) center -2px no-repeat;
}
.center a#prev {
    float:left;
    background:url(images/prev.png) center -2px no-repeat;
}

HTML：用于此的 html 很大，并集成到 php 函数中，但大致如下：

<div class="cycle-slideshow" 
    data-cycle-fx=fadeout
    data-cycle-timeout=1000
    data-cycle-pause-on-hover="true">
    <img src="http://malsup.github.com/images/p1.jpg">
    ...
</div>

jQuery的片段（我很困惑）：

$(document).ready(function () {   
            $('.cycle-slideshow').on( 'cycle-initialized', function( e, opts ) {
            if ( opts.slideCount > 1 ) {
                $(".center").css("display", "none");
            }
            });
        });

我的控制台也没有错误。

4

1 回答 1

1

您说您希望控件在只有一张图像时隐藏。但是有：

if ( opts.slideCount > 1 ) {
    $(".center").css("display", "none");
}

当有多个图像时，您将它们隐藏起来。

于 2013-04-16T13:42:47.143 回答