从数据库中的表取几张图片,用flash形式动态的显示图片

/* 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='

target="_blank"> '+Textc[j]+'

';
  //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/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值