Javascript 如何在ezpublish JS滑块中仅显示一个图像
我是一名php初学者,Javascript的流利程度令人震惊。我正在开发的一个ezpublish网站将此滑块作为默认代码,但它显示三个项目。如何编辑它以仅显示1项?代码是: 作用{ YUI YUI3_配置。使用“节点”、“事件”、“io ez”、函数、结果{ 关于“domready”,函数e{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
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的新手,所以对标签的反馈是很好的。关于隐藏按钮的建议似乎是有帮助的。我想我可以从这里解决这个问题,再次感谢!