/* 2008/06/30 星期一
*蒙昭良
*环境:Linux + Oracle10gR2 +Weblogic (或tomcat等应用服务器)
*技术:javabean+tag+xml+jsp+javascript
*从数据库中的表取几张图片,用flash形式动态的显示图片
*/
在Web的应用中,很多时候在页面上显示的图片需要动态的切换图片,这个一般是从数据库中取出最新
的几张图片,然后动态的显示在页面上。
1 javaBean一般用来处理sql语句,如:从数据中查出某表的前十张图片。
2 jsp用来处理javaBean提取出来的图片,对于显示的大小、多长时间切换一张图片,可以用javascript
来实现。
3 tag用来指定一个标签,重用性很强,对于哪个页面需要使用,只需调用这个tag标签则行。
4 xml用于配置tag标签与某一个javaBean的关系
假如图片的数据可以从数据库提取出来,显示的通过javascript
如:
var slideShowSpeed = 5000;
var crossFadeDuration = 3;
var Link=new Array();
var Textc=new Array();
var picBasicPath='/riseway/photo.jsp?tableName=
=tableName%>&photoColumName=&id=';
var hrefBasicPath='
>/riseinfo/classinfo/classinfodisplay.jsp?sourse=message&Id=&entry_id=';
var t;
var j=0;
var p=Link.length;
var preLoad=new Array();
for(i=0;i
preLoad[i] =new Image();
preLoad[i].src=picBasicPath+Link[i];
}
function SlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans
(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
document.images.SlideShow.title='"'+ Textc[j] +'"';
document.all.aName.href=hrefBasicPath+Link[j]+'&flag=1';
textCon.innerHTML='
//textCon.innerHTML='';
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('SlideShow()', 5000);
}
在某页显示动态图片时,还需要在该页面body中加入显示javascript图片的函数
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/12778571/viewspace-366466/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/12778571/viewspace-366466/