php - 一般图像预加载问题

Question

我曾经使用 javascript - jquery 和 PHP 进行编码。我喜欢有一个文件夹，里面有 100 张图像，扫描它并将其显示到屏幕上，中间淡入淡出，然后延迟...... 其中大部分工作都可以轻松完成

问题:仅出于速度目的，我喜欢获取img1，显示它 预加载img2 等待 2-3 秒 淡出至 img2 预加载img3 等待 ...等等...

因此，同时加载 2 个图像要快得多，并且不需要太多编码，只需切换下一个图像......

现在，拥有 100 的图像会使加载速度变慢，而且我不谈论 250!那只会杀死计算机 有什么想法

我认为 ajax ad jquery 可以动态更改 img 引用和预加载....有人知道吗？？？

Answer 1

在jquery中，你可以将淡入淡出动画设置为image.load事件的回调

像这样(未经测试)

        images = [ "one.jpg", "two.jpg" ...];
        divs = ["#first", "#second"];
        fore = 0;

        function show() {
            if(!images.length) return;
            var back = 1 - fore;
            $(divs[back]).html("<img>").find("img").attr("src", images.shift()).load(function() {
                $(divs[fore]).fadeOut();
                $(divs[back]).fadeIn();
                fore = back;
                setTimeout(show, 1000);
            });
        }