Javascript 如何在ezpublish JS滑块中仅显示一个图像

Javascript 如何在ezpublish JS滑块中仅显示一个图像,javascript,slider,Javascript,Slider,我是一名php初学者,Javascript的流利程度令人震惊。我正在开发的一个ezpublish网站将此滑块作为默认代码,但它显示三个项目。如何编辑它以仅显示1项?代码是: 作用{ YUI YUI3_配置。使用“节点”、“事件”、“io ez”、函数、结果{ 关于“domready”,函数e{ var offset = 0; var limit = 1; var total = {$block.valid_nodes|count()}; var handleRequest = functio

我是一名php初学者,Javascript的流利程度令人震惊。我正在开发的一个ezpublish网站将此滑块作为默认代码,但它显示三个项目。如何编辑它以仅显示1项?代码是:

作用{

YUI YUI3_配置。使用“节点”、“事件”、“io ez”、函数、结果{

关于“domready”,函数e{

var offset = 0;
var limit = 1;
var total = {$block.valid_nodes|count()};

var handleRequest = function(e) {

    var className = e.target.get('className');
    if ( className == 'carousel-next-button' ) {

        offset += 1;

        if ( offset > total )
            offset = 0;
    }

    if ( className == 'carousel-prev-button' ) {

        var diff = total - offset;

        if( offset == 0 )
            offset = 0;
        else
            offset -= 1;
    }

    var colContent = Y.Node.all('#block-3 .col-content');
    colContent.each(function(n, e) {

        n.addClass('loading');
        var height = n.get('region').bottom - n.get('region').top;
        n.setStyle('height', height + 'px');
        n.set('innerHTML', '');
    });

    var data = 'http_accept=json&offset=' + offset;
    data += '&limit=' + limit;
    data += '&block_id={$block.id}';

    Y.io.ez( 'ezflow::getvaliditems', { on: { success: _callBack 
}, method: 'POST', data: data } );
};

var _callBack = function(id, o) {

    if ( o.responseJSON !== undefined ) {

        var response = o.responseJSON;
        var colContent = Y.Node.all('#block-{$block.id} .col-content');

        for(var i = 0; i < colContent.size(); i++) {

            var colNode = colContent.item(i);
            if ( response.content[i] !== undefined )
                colNode.set('innerHTML', response.content[i] );
        }
    }
};

    var prevButton = Y.one('#block-{$block.id} input.carousel-prev-button');
    prevButton.on('click', handleRequest);

    var nextButton = Y.one('#block-{$block.id} input.carousel-next-button');
    nextButton.on('click', handleRequest);

});
});

})();
</script>

在我看来,这段代码在用户单击prevButton或nextButton后加载每个项目。因此,强制仅显示单个项目的最简单方法可能是隐藏这些按钮

如果没有标记,很难说什么是最佳解决方案,但我会尝试找出是什么使您正在使用的特定标记成为旋转木马。我会猜测一个包含旋转木马的类,并将其删除,这样它就只是一个没有旋转木马功能的单个项目


对于这个问题,这个问题不是专门针对EZ发布或PHP的,所以我会考虑删除那些标签。

谢谢,我是StAdvoad的新手,所以对标签的反馈是很好的。关于隐藏按钮的建议似乎是有帮助的。我想我可以从这里解决这个问题,再次感谢!