其實可以當作cpg的外掛
$ ~: m6 y" |! ~4 X8 g# D/ Y v讓別的地方可以播放相簿縮圖，雖然還有一堆地方需要改進的就是了
! j2 b* B1 o) n% U( }2 L4 ?
範例網址
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 (相本編號) 來設定縮圖的
# K/ m3 z- Z: ?& ~& o3 R
: j- H* D. i% M5 Q5 W K( X$ Z' s) K日後可以將這部份弄成blog的外掛，
5 n: g- U1 Z2 `, @
2 L. L2 w" X5 ~5 b g! I讓user可以自由選擇要在相簿旁邊放那各項本的縮圖
