從資料庫中的表取幾張圖片,用flash形式動態的顯示圖片

mengzhaoliang發表於2008-06-30

/* 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/,如需轉載,請註明出處,否則將追究法律責任。

相關文章