0

我正在为此苦苦挣扎，也许你们中的一些人可以帮助...

  • 我使用 jQuery Cycle 插件在 www.theoribeiro.com 上有一个带有大图像的主页幻灯片

  • 图像很大，有时连接速度很慢（但即使在快速连接中），幻灯片开始的行为非常难看，突然或半载显示图像。

  • 我想确保在幻灯片开始之前至少加载 2 或 3 个第一张图像，同时我想运行加载动画 gif，然后我想淡入第一张图像。

我在互联网和论坛上进行了很多搜索，并在我对 javascript 和 jQuery 知识有限的情况下尝试了很多东西，但无法提出解决方案。

任何帮助将不胜感激！！！

4

1 回答 1

1

在加载图像之前不要初始化 Cycle 插件。使用像这样的预加载脚本 - http://jquery-howto.blogspot.com/2009/02/preload-images-with-jquery.html并在您隐藏 2-3 张图像后，您可以初始化循环插入。因为您的图像已经在缓存中，所以显示一半的图像应该没有问题。默认情况下显示加载图像并在初始化 Cycle 插件后将其隐藏。

// 响应第一条评论

您可以使用这样的插件 - http://plugins.jquery.com/project/ImageLoader并使用 PHP 生成 javascript。例如：

$("#slideShow").imageLoader({
   images: [
    <?php
        // You can populate this array from readin a directory or manually it is your choice.
        $images = array('1.jpg', '2.jpg');
        $l = count($images);
        for(int $i=1; $i<$l; $i++) {
            echo ($i>0 ? ',' : '') . "{src: '" . $v . "'}";
        }
    ?>
    ]}, function () {
        $('#slideShow').cycle();
    });
于 2010-04-06T19:42:04.390 回答