如何顯示一堆圖像，然後按名稱排序

我想問一下，如果我的機器獲得了1000/10000的圖像，並且每個圖像都按照順序命名（1.jpg，2.jpg，3.jpg， 4.jpg .... 10000.jpg），如何讓它顯示跟隨順序？如何顯示一堆圖像，然後按名稱排序

我在互聯網上看到很多問題，他們把它放在JLabel上，但很多人都說它不起作用。我甚至嘗試了一些方法讓它像JavaScript一樣顯示，但它不是我想要的結果。

我希望程序每次運行時間爲0.5秒，並在圖像編號後面顯示圖像。

任何人都可以通過這個指導我嗎？在此先感謝

=========================================== =======================================

更新：這是我的JavaScript代碼

<html> 
<head> 
</head> 

<body> 
<img src="images/image1.jpg" alt="rotating image" width="600" height="500" id="rotator"> 

<script type="text/javascript"> 
(function() { 
var rotator = document.getElementById('rotator'); // change to match image ID 
//var imageDir = 'images/';       // change to match images folder 
var delayInSeconds = 1;       // set number of seconds delay 
// list image names 
var images = ['1.jpg','2.jpg', '3.jpg', '4.jpg']; 

// don't change below this line 
var num = 0; 
var changeImage = function() { 
    var len = images.length; 
    rotator.src = images[num++]; 
    if (num == len) { 
     num = 0; 
    } 
}; 
setInterval(changeImage, delayInSeconds * 50); 
})(); 
</script> 
</body> 
</html>

來源

2012-05-14 Eric

你可以發佈你在JavaScript中嘗試過嗎？ –

親愛@subirkumarsao，我已經更新上面的代碼。在此先感謝您的幫助。 – Eric

首先，您需要預先加載圖片，要做到這一點，您可以將它們添加到隱藏的div中。然後用它替換你的原始圖像。像這樣的東西：

<html> 
<head> 
<title>ViewImage</title> 
<script type="text/javascript" src="/jquery-1.4.2.min.js"></script> 

<script> 
var img_num = 1; 
$(function(){ 
window.setInterval(function(){ 
    var img = $('#hiden-img'); 
    if(img[0].complete==true) 
     $('#real-image').attr('src', img.attr('src')); 
    img_num++; 
    if(img_num>10000)img_num=1; 
    img.attr('src', '/img/'+img_num+'.jpg'); 

}, 500); 
}); 
</script> 
</head> 
<body> 
<img id="hiden-img" style="display:none;"/> 
<img id="real-image" src="/img/1.jpg"/> 
</body> 
</html>

嘗試這樣。下載jquery並將其放置到您的網站中，將路徑「/ path/to/img」（2次）和「/ path/to/jquery」替換爲您的真實路徑。這應該做的伎倆。

你不需要每秒刷新頁面。你不需要全部刷新。這是在我的網站上的作品。

來源

2012-05-14 07:52:59

我已經把代碼推薦到我的代碼..但它沒有顯示任何東西。有沒有我做錯的地方？對不起，由於我不是真正瞭解JavaScript而導致無知。並感謝您的hep – Eric

它只能顯示我在「var image」中聲明的圖像。如果我有10000圖像，該怎麼做。我嘗試使用for循環，但它失敗了..任何suggesstion @El' – Eric

您是否正確添加jquery？ –

如何顯示一堆圖像，然後按名稱排序

回答

相關問題