2016-12-27 64 views
-2

这是我的代码加载图像动态获取图像从一个文件夹长度动态

$(document).ready(function(){ 
    imageloop(); 
}); 

var i = "1"; 
var n="6"; 

function imageloop(){ 

    var imgCnt = $("<img>").attr('src', "img/" + i +".jpg").appendTo("#images").width(120).height(120); 
    // $('<br/>').insertAfter('img'); 
    if (i==n){ 
    //alert('loaded'); 
    } 
    else{ 
    i++; 
    imageloop(); 
    } 
} 

它的正常工作,但我试图让图像的长度,因为我不想硬的文件夹中编码。我怎样才能做到这一点?

$(document).ready(function(){ 

    imageloop(); 
}); 

var i = "1"; 
var n=$('img/').length; 

function imageloop(){ 

    var imgCnt = $("<img>").attr('src', "img/" + i +".jpg").appendTo("#images").width(120).height(120); 
    // $('<br/>').insertAfter('img'); 
    if (i==n){ 
    //alert('loaded'); 
    } 
    else{ 
    i++; 
    imageloop(); 
    } 
} 

此代码不能正常工作

+0

要具体添加的东西,你试图让您要追加的图像的尺寸或者您想追加具有特定尺寸的图像 – Rahul

+0

这听起来像是您想让javascript找出服务器上的目录中存在多少图像....您需要一个服务器端脚本来计算它们。浏览器无法做到这一点。问题根本不明确,破碎的代码不能代替正确的解释。花几分钟时间阅读[问] – charlietfl

+0

@Rahul我的img文件夹中共有6个图像,我想追加所有图像,但我不应该提及图像的数量(n = 6)。直接我需要追加所有图像imgaes。因为我可以添加一些额外的图像,每次我不需要改变'n'值。这就是为什么我要求其他方式来做到这一点。 – moksha

回答

0

您可以使用PHP的解决方案,以使用过的水珠()函数,你可以指定哪些文件扩展名你有兴趣,然后循环从文件夹中获得的所有图像。

<?php 
$files = glob("img/*.jpg"); 
foreach($files as $jpg){ 
    echo $jpg, "\n"; 
} 
?> 

本次转移到你的情况下,所有你需要知道的有多少图像文件夹中的长度,你可以像下面

var n=<?php $files = glob("img/*.jpg"); echo count($files);?> 
相关问题