Php 一般图像预加载问题

Php 一般图像预加载问题,php,jquery,image,Php,Jquery,Image,我曾经用javascript-jquery和PHP编写代码。我想有一个文件夹,让asy 100图像,扫描它,让它在屏幕上的淡入甜菜,并延迟。。。 大部分工作都可以很好地完成 问题:只是为了提高速度,我喜欢img1,展示它 预加载img2 等待2-3秒 淡入img2 预加载img3 等待 ... 等等 因此,在同一时间只有2个图像加载要快得多,并且不需要太多的编码,只需切换下一个图像 现在,有一个100的图像,使其缓慢加载,我不谈论250!那会毁了电脑 有什么想法吗 我认为ajax和jquery可

我曾经用javascript-jquery和PHP编写代码。我想有一个文件夹,让asy 100图像,扫描它,让它在屏幕上的淡入甜菜,并延迟。。。 大部分工作都可以很好地完成

问题:只是为了提高速度,我喜欢img1,展示它 预加载img2 等待2-3秒 淡入img2 预加载img3 等待 ... 等等

因此,在同一时间只有2个图像加载要快得多,并且不需要太多的编码,只需切换下一个图像

现在,有一个100的图像,使其缓慢加载,我不谈论250!那会毁了电脑 有什么想法吗


我认为ajax和jquery可以动态地更改img引用和预加载。。。。任何人都知道吗???

在显示image1时,通过为image2创建图像标记或使用javascript图像对象,让浏览器加载和缓存image2


当您准备好切换图像时,只需将主图像从image1更新为image2(它将已经在浏览器缓存中,因此没有延迟)。此时,将隐藏图像更新为image3,并等待其完全加载。

在jquery中,可以将淡入淡出动画作为image.load事件的回调

像这样(未经测试)

images=[“one.jpg”、“two.jpg”…];
divs=[“第一”,“第二”];
fore=0;
函数show(){
如果(!images.length)返回;
var back=1-fore;
$(divs[back]).html(“
        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);
            });
        }