打印

照片輪撥

照片輪撥

其實可以當作cpg的外掛1 |" v, s) M  ?0 g9 y
讓別的地方可以播放相簿縮圖,雖然還有一堆地方需要改進的就是了
: O' F" A0 P$ s7 m" O5 c+ t( M範例網址 http://pic.segaa.net/test.php
複製內容到剪貼板
代碼:
<SCRIPT language=JavaScript type=text/JavaScript>

var slideShowSpeed = 5000
var xOp7=false,xOp5or6=false,xIE4Up=false,xNN4=false,xUA=navigator.userAgent.toLowerCase();
if(window.opera){
  xOp7=(xUA.indexOf('opera 7')!=-1 || xUA.indexOf('opera/7')!=-1);
  if (!xOp7) xOp5or6=(xUA.indexOf('opera 5')!=-1 || xUA.indexOf('opera/5')!=-1 || xUA.indexOf('opera 6')!=-1 ||
xUA.indexOf('opera/6')!=-1);
}
else if(document.layers) xNN4=true;
else {xIE4Up=document.all && xUA.indexOf('msie')!=-1 && parseInt(navigator.appVersion)>=4;}

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

<?
$link = mysql_pconnect("db_ip", "id", "pw");
mysql_select_db("dbname") or die("無法選擇資料庫");

$query = "SELECT filepath,filename FROM cpg134_pictures WHERE  owner_name ='admin'; ";
$result = mysql_query($query);
$i=0 ;
while ( $row = mysql_fetch_array($result) )
   {
    $filepath = $row['filepath'];
    $filename = $row['filename'];
    echo "Pic[$i] = 'albums/$filepath/$filename'\n";
    $i++;
   }

?>

var t
var j = 33
var p = Pic.length
var pos = j

var preLoad = new Array()

function preLoadPic(index)
{
        if (Pic[index] != ''){
                window.status='Loading : '+Pic[index]
                preLoad[index] = new Image()
                preLoad[index].src = Pic[index]
                Pic[index] = ''
                window.status=''
        }
}

function runSlideShow(){
   if (xIE4Up){
            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
        if (xIE4Up){
           document.images.SlideShow.filters.blendTrans.Play()
        }

        pos = j

        j = j + 1
        if (j > (p-1)) j=0
        t = setTimeout('runSlideShow()', slideShowSpeed)
        preLoadPic(j)


        document.images.SlideShow.height = 500;

}
[

function endSlideShow(){
        self.document.location = 'index.php'
        }

preLoadPic(j)

</SCRIPT>

<TABLE class= cellSpacing=1 cellPadding=0 width="100%" align=center>
<TBODY>
<TR>
<TD class=slideshow noWrap align=middle>
<TABLE class=imageborder cellSpacing=2 cellPadding=0>
<TBODY>
<TR>
<TD align=middle>
<body onLoad="runSlideShow();">
<img name="SlideShow" >
</TD></TR>
<tr>
<a href="javascript:endSlideShow()" >停止播放</a>


</td></TBODY></TABLE>
其中
複製內容到剪貼板
代碼:
$query = "SELECT filepath,filename FROM cpg134_pictures WHERE  owner_name ='admin'; ";
可以依照 owner_name(擁有者) 或是 aid (相本編號) 來設定縮圖的+ A5 W+ M  N0 U: P- v1 [
  K+ u( o/ ]9 M
日後可以將這部份弄成blog的外掛,9 c; i0 F& x$ h+ s

( L, t# ]8 b  {/ Y讓user可以自由選擇要在相簿旁邊放那各項本的縮圖

TOP

發新話題