日期:2014-05-17  浏览次数:20964 次

79分,解决者全送了,制作图片幻灯显示的疑问。
有一个目录:pic
这里有1-50张图片,固定数量不固定;
每张图片的文件命名是以时间来命名的,如20070510.jpg;20070509.jpg;...

使用ASP或JAVASCRIPT,或两者结合使用,做出以下效果:
1、在网页里显示目录中的所有图片,一张张的显示,设置“上一张”、“下一张”可以实现类似向上、下翻页的功能去显示其他照片;
2、第一张显示的图片为最新的一幅照片(命名里有特征);
3、显示图片时显示出相应的名称。
4、如果可以不用一次性加载就最好了,点击上一张或下一张再加载,当然也可以一次性加载。

------解决方案--------------------
在上传文件的时候生成一个xml文件用来保存文件夹内的图片信息。用JavaScript加载这个xml文件就可以方便的做你要的效果了。显示给你写出代码来,这点分不够。
------解决方案--------------------
用fso读取所有的图片文件名,放到javascript的一个数组中然后用Array对象的sort()方法进行排序,然后你爱怎么显示就怎么显示了
------解决方案--------------------
<a onMouseOver= "displayStatusMsg();return document.returnValue " href= "javascript:jump2url() " target= "_self "> <img src= "javascript:nextAd() " name=bannerADrotator width=130 height=110 border=0 align= "right " class= "unnamed1 " style= "FILTER: revealTrans(duration=2,transition=20) "> </a>

<script language=JavaScript>
<!--
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;
bannerAD[0]= "image/img_01.jpg ";
bannerADlink[0]= "image/img_1.jpg ";
bannerAD[1]= "image/img_02.jpg ";
bannerADlink[1]= "image/img_2.jpg ";
bannerAD[2]= "image/img_03.jpg ";
bannerADlink[2]= "image/img_3.jpg ";
bannerAD[3]= "image/img_04.jpg ";
bannerADlink[3]= "image/img_4.jpg ";
bannerAD[4]= "image/img_05.jpg ";
bannerADlink[4]= "image/img_5.jpg ";
。。。。。。
var preloadedimages=new Array();
for (i=1;i <50;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}


function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}

function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}

function nextAd(){
if(adNum <bannerAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout( "nextAd() ", 4000);
}

function jump2url(){
jumpUrl=bannerADlink[adNum];
jumpTarget= '_blank ';
if (jumpUrl != ' '){
if (jumpTarget != ' ')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=bannerADlink[adNum];
document.returnValue = true;
}
//-->
</script>

------解决方案--------------------
javascript版本的应该很好找吧?各个网站都有