Javascript Jquery滑块，用于在准备好占位符时加载图像

好的，我有一个Jquery插件，它工作得很好，除了它把所有的图像放在彼此的上面，直到插件完成加载，然后它们都就位。有没有办法让第一个图像成为843 w 345 h大小的占位符，并将其隐藏加载，直到它们都准备好，这样我的页面站点就不会向下展开，然后在加载后进行备份。谢谢

$(window).load(function(){
        $('#slide-me').carousel({
            style: 'fade',
            transitionSpeed: 'slow',
            carouselSpeed: 3500,
            arrows: true,
            buttons: false,
            buttonsTheme: 'lines',
            stopOnHover: false,
            carouselHeight: 'crop',
            carouselWidth: 'crop'
        });
    });

html

---

试试看，对我有用：

$(function(){
   setTimeout(function(){
        $('#slide-me').carousel({
            style: 'fade',
            transitionSpeed: 'slow',
            carouselSpeed: 3500,
            arrows: true,
            buttons: false,
            buttonsTheme: 'lines',
            stopOnHover: false,
            carouselHeight: 'crop',
            carouselWidth: 'crop'
        });
},500);
    });

---

事实上，我得到了答案，并想与大家分享，以防有人想看。 在我的css中，所有需要做的就是 #幻灯片演示{显示：无；} #幻灯片me img:第一个子项{display:block；}

---

这允许在加载脚本时首先显示第一个图像，并隐藏其余图像。

try-onBeforeLoad（）函数尝试过，但不起作用。尝试过之后，它仍然会将图像一个接一个地显示大约半秒钟，然后再将其全部放置到位。

$(function(){
   setTimeout(function(){
        $('#slide-me').carousel({
            style: 'fade',
            transitionSpeed: 'slow',
            carouselSpeed: 3500,
            arrows: true,
            buttons: false,
            buttonsTheme: 'lines',
            stopOnHover: false,
            carouselHeight: 'crop',
            carouselWidth: 'crop'
        });
},500);
    });