jcarousel在jquery页面之前显示垂直列表中的项目

时间:2011-12-04 11:32:58

标签: jquery html css image jcarousel

我正在使用jquery插件jcarousel来显示73个缩略图。在脚本准备好之前,它会在页面的垂直列表中显示所有缩略图。目前,我正在使用脚本在加载完所有内容后以正确的大小显示图像。

只是想知道我是否能够获得关于这是否是一个好方法以及是否有更好的方法来隐藏内容直到jquery完全加载的意见? :)

代码:

 $(window).load(function() {
 jQuery('#mycarousel').jcarousel({
    start: <?=$page?>
});
});

动态CSS

 $(window).load(function() {
 $(".jcarousel-skin-tango .jcarousel-item img").css({height: "125px", width: "125px"});
 });

html图片

 <img src="images/img.jpg" height="0">

1 个答案:

答案 0 :(得分:2)

我认为你有充分的理由用窗口加载来初始化轮播。除此之外,我会与visibility:hidden合作。该插件可以处理实际大小的图像,并且它是隐藏的。

HTML

<img src="images/img.jpg" style="visibility:hidden;">

然后,最好在插件的回调中显示图像:

的jQuery

jQuery(window).load(function() {
    jQuery('#mycarousel').jcarousel({
        start: <?=$page?>,
        initCallback:function(){
            jQuery(".jcarousel-item img").css({'visibility':'visible'});
        });
    });
});

希望这有帮助。