100分求一个循环显示多张图片的问题

crazy_he 2006-05-10 09:51:31

在页面的一个td中（200*50大小）循环显示3张图片，每张图片显示5秒钟，如此循环。

...全文

156 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

Kenight_ 2006-05-10

打赏
举报

回复

<script language=JavaScript>
var imgUrl=new Array();

var adNum=0;
imgUrl[1]="images/Img211731839.jpg";
imgUrl[2]="images/Img211992070.jpg";
imgUrl[3]="images/Img211667741.jpg";

var imgPre=new Array();
var j=0;
for (i=1;i<=3;i++) {
if( imgUrl[i]!="" ) {
j++;
} else {
break;
}
}

function playTran(){
if (document.all)
imgInit.filters.revealTrans.play();
}
var key=0;
function nextAd(){
if(adNum<j)adNum++ ;
else adNum=1;

if( key==0 ){
key=1;
} else if (document.all){
imgInit.filters.revealTrans.Transition=6;
imgInit.filters.revealTrans.apply();
playTran();

}
document.images.imgInit.src=imgUrl[adNum];
theTimer=setTimeout("nextAd()", 5000);
}

function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_self';
if (jumpUrl != ''){
if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
</script>

html里面加:
<img style="FILTER: revealTrans(duration=2,transition=6);border-color:#cccccc;color:#cccccc" src="javascript:nextAd()" width=450 border=3 class=moviepic name=imgInit height="240">

border-color
width
border
height
可自己修改颜色及大小

crazy_he 2006-05-10

打赏
举报

回复

楼上的代码可用，谢谢！

moodboy1982 2006-05-10

打赏
举报

回复

楼上的方法不好使吧。
我写过几种代码，等下班给你贴出来，如果忘记了，你就到:http://www.esoftnow.com/bbs问我吧。

-------------个性签名----------------
http://www.esoftnow.com/bbs
技术论坛，欢迎发贴

clare2003 2006-05-10

打赏
举报

回复

<script>
var imgarr=[];
imgarr[0]="1.jpg";
imgarr[1]="2.jpg";
imgarr[2]="3.jpg";
var i=0;
function f1()
{
document.all.img1.src=imgarr[i];
i++;

if(i==3) i=0;

setTimeout("f1()",5000);

}

</script>
<body onload=f1()>
<table>
<tr>
<td><img src="1.jpg" height=50 width=100 id="img1"></td>
</tr>
</table>
</body>

skming美女相册 2006-05-10

打赏
举报

回复

帮顶，接分！

1：场景一主要有两个功能，第一个是控制左边图片，第二个是让右边文字逐一显示。 2：场景二功能简单一点，只控制左边人物出现，紧接着是文字显示。 3：场景三功能控制图片弹跳显示，我用for循环控制弹跳距离。 4：场景四控制图片从顶部往下滑落，停留1秒然后滑向右侧直至消失。 5：场景五慢慢显现，可点击进入婚礼。 6：场景六显现停留1.6秒，然后以碎片的形式向外散开。 7：场景七祝福贴纸随机排布，并且可拖动祝福贴纸。 8：添加祝福语中，需填写祝福语，否则不让提交。可提交的祝福语便随机散布在祝福墙中，可实现随意拖动功能，

一个目录中有多张图片，要想全部显示在页面，使用循环v-for方法比较方便快捷，也可以通过函数改变isShow值，从而达到控制某张图片的显示与隐藏 <div v-for="(item, index) in imgList" :key="index"> <span v-if="item.isShow"> <img :src=item.imgSrc alt="" height="100%"> </span> </div> dat

主要讲解了如何使用api函数wx.chooseImage和wx.uploadFile实现单图片和多图片的上传。单站图片可以相册选择或者拍照上传，多图片只能相册选择。... 然后重点讲解多图片如何实现循环上传单张图片。

注:内容出处:https://www.cnblogs.com/dreammyle/p/4631351.html 单张图片显示：先写好word格式的文档，在其中插入一张图片，然后重命名为ftl,再用编辑器打开，把图片那一段base64信息用freemarker表达式替换掉。之后把图片的信息输出到模板即可。多张图片显示：需要注意的是，多张图片显示时，当list循环的时候，如果你不改变图片两个属...

close all; clc; clear all; addpath(genpath(pwd));% 当读取的图片在程序文件夹的子文件夹中是需调用此命令 m = 24; % 10个图片文件 P = []; for k = 1:m P = imread('image.pgm']); subplot(4,6,k); imshow(P);

87,918

社区成员

224,617

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章