Tad 教材網 - 線上書籍

:::

\[991\]PHP網站開發 進階應用技巧2
======================

[![](http://tad0616.net/uploads/dl.gif)](http://120.115.2.76/tad/tad_book3/file/9901/11.zip)

### 一、自動判別高度

1.主表格為id=tbl，左邊目錄為id=w1，右邊iframe為id=w2，工具列高120px 
 <script type='text/javascript'> 
 $(document).ready(function() { 
 var wh=$(window).height(); 
 w1h = wh-120; 
 w2h = wh-130; 
 $('#tbl').height(wh); 
 $('#w1').height(w1h); 
 $('#w2').height(w2h); 
 }); 
 </script>

### 二、Media RSS規格

<?xml version="1.0" encoding="utf-8" standalone="yes"?> 
 <rss version="2.0" xmlns:media="http://search.yahoo.com/mrss/" xmlns:atom="http://www.w3.org/2005/Atom"> 
 <channel> 
 <item> 
 <title>標題</title> 
 <media:description> 相關描述</media:description> 
 <link>連結</link> 
 <media:thumbnail url="http://縮圖連結位置"/> 
 <media:content url="http://原圖連結位置"/> 
 </item> 
 </channel> 
 </rss>

###   
 三、套用Cooliris 3D Wall效果

1.加上連結： 
 <a href='cooliris.php?dir=".\_UPLOAD\_DIR."' target='show'>此目錄下圖片的3D牆</a>

2.cooliris.php 
 <?php 
 echo " 
 <object id='o' classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' 
 width='550' height='400'> 
 <param name='movie' value='http://apps.cooliris.com/embed/cooliris.swf' /> 
 <param name='allowFullScreen' value='true' /> 
 <param name='allowScriptAccess' value='always' /> 
 <param name='flashvars' value='feed=http://localhost/11/mrss.php?dir={$\_GET\['dir'\]}' /> 
 <embed type='application/x-shockwave-flash' 
 src='http://apps.cooliris.com/embed/cooliris.swf' 
 flashvars='feed=http://localhost/11/mrss.php?dir={$\_GET\['dir'\]}' 
 width='550' 
 height='400' 
 allowFullScreen='true' 
 allowScriptAccess='always'> 
 </embed> 
 </object>"; 
 ?>

3.crossdomain.xml（請直接放到網頁根目錄下即可） 
 <?xml version="1.0"?> 
 <!DOCTYPE cross-domain-policy SYSTEM 
 "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd"> 
 <cross-domain-policy> 
 <allow-access-from domain="\*.cooliris.com" secure="false" /> 
 </cross-domain-policy> 
 
 4.mrss.php 
 <?php 
 $base\_dir=(empty($\_GET\['dir'\]))?"D:/httpd/11/uploads":$\_GET\['dir'\]; 
 $data=get\_pics($base\_dir); 
 
 echo "<?xml version=\\"1.0\\" encoding=\\"utf-8\\" standalone=\\"yes\\"?> 
 <rss version=\\"2.0\\" xmlns:media=\\"http://search.yahoo.com/mrss/\\" xmlns:atom=\\"http://www.w3.org/2005/Atom\\"> 
 <channel> 
 $data 
 </channel> 
 </rss>"; 
 
 //取得圖片 
 function get\_pics($dir){ 
 $base\_dir="D:/httpd/11/uploads"; 
 $base\_url="http://localhost/11/uploads"; 
 
 $data=""; 
 $files = glob($dir.'\*', GLOB\_MARK ); 
 foreach($files as $file){ 
 if(is\_dir($file)){ 
 $data.=get\_pics($file); 
 }else{ 
 $file\_name=str\_replace($base\_dir,"",$file); 
 $file\_url=str\_replace($base\_dir,$base\_url,$file); 
 $file\_url=str\_replace("\\\\","/",$file\_url); 
 
 $ext=substr(strtolower($file),-3); 
 if(in\_array($ext,array("jpg","gif","png","jpeg"))){ 
 $data.="<item> 
 <title>{$file\_name}</title> 
 <link>{$file\_url}</link> 
 <media:thumbnail url=\\"{$file\_url}\\"/> 
 <media:content type=\\"image/{$ext}\\" url=\\"{$file\_url}\\" /> 
 </item> 
 "; 
 } 
 } 
 } 
 return $data; 
 } 
 ?>

:::