Javascript jCarousel,柜台,怎么办?
我正在使用这个插件: 我希望有一个计数器可以显示: 第1页,共4页 单击“下一步”按钮时,应显示: 四分之二等等 脚本是默认的初始化:Javascript jCarousel,柜台,怎么办?,javascript,jquery,counter,jcarousel,Javascript,Jquery,Counter,Jcarousel,我正在使用这个插件: 我希望有一个计数器可以显示: 第1页,共4页 单击“下一步”按钮时,应显示: 四分之二等等 脚本是默认的初始化: <script type="text/javascript"> jQuery('#mycarousel').jcarousel(); </script> jQuery(“#mycarousel”).jcarousel(); 但
<script type="text/javascript">
jQuery('#mycarousel').jcarousel();
</script>
jQuery(“#mycarousel”).jcarousel();
但是,在文档中没有看到这样的示例吗?所以任何帮助都将不胜感激
Thx您可以为转盘中的每个图像分配
id
-s。并添加一些javascript来从该图像的id
中写入数字
而且:
<script type="text/javascript">
function Callback_function(elem) {
document.write(this.id);
}
jQuery('#mycarousel').jcarousel({
scroll: 1,
initCallback: Callback_function,
});
</script>
函数回调函数(elem){
document.write(this.id);
}
jQuery(“#mycarousel”).jcarousel({
卷轴:1,
initCallback:Callback\u函数,
});
这里给出的东西应该是不可能实现的。因为它只是一个隐藏在div后面的ul
,当你点击一个按钮时,只有ul
元素才会滚动
没有可用于标识当前可见对象的语义属性。使用如下内容:
$(document).ready(function () {
var nmrElements = $('#mycarousel').children('li').length;
$('#mycarousel').jcarousel({
scroll: 1,
itemLoadCallback: function (instance, controlElement) {
if (instance.first != undefined) {
$('#label').html(instance.first + ' of ' + nmrElements);
}
}
});
});
jQuery(文档)。准备好了吗(
函数(){
函数mycarousel_initCallback(carousel){
//警报(此为mycarousel);
//警报(“旋转木马内”);
//如果需要,请禁用自动滚动
//用户单击上一个按钮
//或“下一步”按钮。
carousel.buttonNext.bind('click',function(){
星陶托旋转木马(0);
});
carousel.buttonPrev.bind('click',function(){
星陶托旋转木马(0);
});
//如果需要,暂停自动滚动
//用户可以使用
//将光标悬停在剪辑上。
旋转木马(
函数(){
carousel.stopAuto();
},
函数(){
旋转木马startAuto();
});
}
jQuery(“#mycarousel”).jcarousel({
汽车:2,,
卷轴:1,
总结:'最后',
initCallback:mycarousel_initCallback,
ItemFallback维度:300,
//大小:mycarousel_itemList.length,
itemFirstInCallback:mycarousel_itemFirstInCallback
//itemLoadCallback:{onBeforeAnimation:mycarousel_itemLoadCallback}
});
});
美元(“.jcarousel prev”)。在(“”)之后;
功能显示{
$('#myHeader').html;
};
函数mycarousel_itemFirstInCallback(carousel,item,idx,state){
显示(idx+“+$”(“#mycarousel li”)。长度);
};
很简单,只需打开以下文件:
sites\all\modules\jcarousel\js\jcarousel.js
第146行:
carousel.pageCount = Math.ceil(itemCount / carousel.pageSize);
将其更改为:carousel.pageCount=Math.ceil(itemCount/1)代码>
它会工作得非常好:D不太像那样-我不希望它一次滚动两张图片。。。我想要一个计数器,比如一个kindda分页函数…将这个脚本添加到脚本标记或单独的js文件中#myheader是可以看到计数器的标签。。。您不需要在html中添加它。。你只需要创建UL的ID mycarousel和尊重李在里面。。。我希望这对你有帮助。。询问我是否还有其他问题…:-)欢迎来到堆栈溢出!请勿在帖子中使用签名/标语。您的用户框算作您的签名,您可以使用您的个人资料发布您喜欢的任何关于您自己的信息。
carousel.pageCount = Math.ceil(itemCount / carousel.pageSize);