Java 如何按顺序显示一组后跟名称的图像
我想问,如果我的机器有1000/10000的图像,并且每个图像都被命名为follow by order(1.jpg,2.jpg,3.jpg,4.jpg…10000.jpg),如何让它按照顺序显示 我在网上看到很多问题,他们把它放在JLabel上,但很多人说它不起作用。我甚至尝试了一些方法让它像javascript一样显示,但这不是我想要的结果 我希望这个程序能以0.5秒的速度运行,并在图像编号后显示图像 有人能引导我度过这一关吗?提前谢谢 ================================================================================== 更新:这是我的javascript代码Java 如何按顺序显示一组后跟名称的图像,java,image,jlabel,Java,Image,Jlabel,我想问,如果我的机器有1000/10000的图像,并且每个图像都被命名为follow by order(1.jpg,2.jpg,3.jpg,4.jpg…10000.jpg),如何让它按照顺序显示 我在网上看到很多问题,他们把它放在JLabel上,但很多人说它不起作用。我甚至尝试了一些方法让它像javascript一样显示,但这不是我想要的结果 我希望这个程序能以0.5秒的速度运行,并在图像编号后显示图像 有人能引导我度过这一关吗?提前谢谢 ============================
<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>
(功能(){
var rotator=document.getElementById('rotator');//更改以匹配图像ID
//var imageDir='images/';//更改为匹配images文件夹
var delayUnseconds=1;//设置延迟秒数
//列出图像名称
var-images=['1.jpg','2.jpg','3.jpg','4.jpg'];
//不要在这条线以下改变
var num=0;
var changeImage=函数(){
var len=images.length;
rotator.src=图像[num++];
如果(num==len){
num=0;
}
};
设置间隔(changeImage,delayInSeconds*50);
})();
首先,您需要预加载图像,要这样做,您可以将它们添加到hidden 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>
视图图像
var img_num=1;
$(函数(){
setInterval(函数(){
var img=$('hiden img');
if(img[0]。complete==true)
$('#real image').attr('src',img.attr('src'));
img_num++;
如果(img_num>10000)img_num=1;
img.attr('src','/img/'+img_num+'.jpg');
}, 500);
});
像这样试试。下载jquery并将其放在您的站点中,将路径“/path/to/img”(2次)和“/path/to/jquery”替换为您的实际路径。这应该能奏效
您不需要每秒刷新页面。您不需要全部刷新。
这在我的网站上很有用。你能发布你在javascript中尝试过的内容吗?亲爱的@subirkumarsao,我已经更新了上面的代码。谢谢你的帮助,我已经把你推荐的代码放进我的代码里了。。但它没有显示任何东西。有什么地方我做错了吗?对不起,我不知道,因为我对javascript不太了解。谢谢你的帮助,它只能显示我在“var图像”中声明的图像。如果我有10000张图片,怎么做。我尝试使用for循环,但失败了。。有什么建议@El'