Javascript jCarousel,柜台,怎么办?

Javascript jCarousel,柜台,怎么办?,javascript,jquery,counter,jcarousel,Javascript,Jquery,Counter,Jcarousel,我正在使用这个插件: 我希望有一个计数器可以显示: 第1页,共4页 单击“下一步”按钮时,应显示: 四分之二等等 脚本是默认的初始化: <script type="text/javascript"> jQuery('#mycarousel').jcarousel(); </script> jQuery(“#mycarousel”).jcarousel(); 但

我正在使用这个插件:

我希望有一个计数器可以显示: 第1页,共4页

单击“下一步”按钮时,应显示: 四分之二等等

脚本是默认的初始化:

<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);