0
function ImageExist(url) 
            {
                var num;
               $.ajax({
                url:url,
                error: function()
                {
                   num = 0;
                },
                success: function()
                {
                    num = 1;
                }
            });
            return num;
            }

           function  ChangeColor(color, type){ 
           var count = 1;
        while(ImageExist("images/"+type+"/"+color+"/"+count+".jpg") != 0){
            count++;
        }
            var str = "";
            var cm = new Array(count);
           for(var i = 1; i < count; i++){
               cm[i] = "<img src=\"images/"+type+"/"+color+"/"+i+".jpg\" onclick=\"ChangeImg('"+type+"','"+color+"','"+i+"')\">";
               str = str+cm[i];
           }  
           document.getElementById("prodPhoto").innerHTML = cm[1];
           document.getElementById("prodPhotos").innerHTML = str;


            }

            function ChangeImg(type, color, img){
                var light = "<a href=\"images/"+type+"/"+color+"/"+img+".jpg\" rel=\"lightbox[sofa]\" title=\"Comfort M\"/>";
                document.getElementById("prodPhoto").innerHTML = light+"<img src=\"images/"+type+"/"+color+"/"+img+".jpg\">"+"</a>";
            }
            function preload(arrayOfImages) {
            $(arrayOfImages).each(function(){
            (new Image()).src = this;
            // Alternatively you could use:
            // (new Image()).src = this;
            });
            }

此代码应该找出每个名为 product 和 color 的文件夹中有多少图像。然后将它们输出到 html 页面。它在我的笔记本电脑上运行良好,但在大学网络上它会挂起该网站。

这可能与不是管理员有关吗?

4

2 回答 2

0

问题是您在同步 while 循环中有一个带有异步 Ajax 调用的 while 循环,这要求浏览器锁定。没有理由进行 Ajax 调用来查看图像是否存在。以异步方式使用图像标签。

代码不是100%满足你的需求,只是一个基本的例子。

function checkImage( url, good, bad) {
    var img = new Image();
    img.onload = good;
    img.onerror = bad;
    img.src = url;
}

function findImgs () {
   var currentImg = -1;
   function next(){
       currentImg++
       checkImage("foo" + currentImg + "jpg", next, done);
   }
   function done() {
       currentImg--;
       alert("last Good Count was " + currentImg);
   }
}
于 2013-04-30T13:40:16.727 回答
0

while您正在语句中执行大量 ajax 调用,因为您的imageExist函数是异步的,但是当您返回时,您的num变量总是undefined. 所以你的代码说,“当函数返回不同于 0 增量计数的东西时,再试一次。”

看看你在 Firefox 上的 javascript 控制台,在net面板下

于 2013-04-30T13:40:22.350 回答