2016-12-27 27 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);?> 
相關問題