ITPub博客

首页 > Linux操作系统 > Linux操作系统 > 从数据库中的表取几张图片,用flash形式动态的显示图片

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

原创 Linux操作系统 作者:mengzhaoliang 时间:2008-06-30 18:03:14 0 删除 编辑

/* 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(<%=str_link%>);
 var Textc=new Array(<%=str_title%>);
 var picBasicPath='<%=request.getContextPath()%>/riseway/photo.jsp?tableName=<%

=tableName%>&photoColumName=<%=photoColumName%>&id=';
 var hrefBasicPath='<%=request.getContextPath()%

>/riseinfo/classinfo/classinfodisplay.jsp?sourse=message&Id=<%=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博客 ” ,链接:https://blog.itpub.net/12778571/viewspace-366466/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
暂无介绍

注册时间:2008-01-30

  • 博文量
    336
  • 访问量
    3085695