2011年7月22日 星期五

照片牆模組

太好了!有了這個模組,你可以輕易的作出類似正妹牆的效果。


使用方法:
首先先下載模組吧!
解壓縮後你會看到一個範例模組
稍微說明一下模組必要用的2個檔案...(其他的都是範本給你參考的而已)

pcxWall.swf 模組本體,基本上使用的時候用Dreamweaver把他崁入你的頁面
pcxWall.xml 要載入的資料,裡面就是填好一些要讀的照片路徑與模組的基本設定

首先我們先打開一下pcxWall.xml的資料,以下大概說明一下(其實裡面大致也都有說明了..應該不難懂)
小圖示寬 100
小圖示高 100
牆上的小照片尺寸目前設定寬跟高都是100,當然你可以改變他的尺寸

list標籤是照片列表,至少填個一組照片吧,不然這模組也沒有意義,基本上沒有限制數量

標題 照片標題
縮圖路徑 image/spcx.jpg
照片路徑 image/pcx1.jpg

上面是一組照片的設定,照片標題,如果有填的話,照片會顯示文案,當然你不想填,留空也可以
縮圖路徑 請自己將圖設定適合的尺寸(雖然不一定要縮到你一開始設定的小圖尺寸,模組會幫你自動等比縮放到適合的尺寸,不過也請不要放太大的圖,終究影響載入頻寬)
照片路徑 就是擊點小照片後會跳出的完整照片

剩下的lightBox標籤都是跳出的燈箱設定
都有中文註解別跟我說看不懂呀...

當設定好了之後存起來(當然你不一定要存成pcxWall.xml這個檔名)
再來要設定pcxWall.swf模組要載入你設定的資料檔
只要再崁入的 pcxWall.swf 語法 改成 pcxWall.swf?data=pcxWall.xml
意思就是pcxWall.swf載入pcxWall.xml這個檔案

好了之後先別急著打開html喔!因為直接開的會跳出錯誤訊息...
基本上這個模組要放在主機上(http開頭的)才可以正常運作,但是如果你還沒有放到主機時,你也可以先用Dreamweaver預覽,也可以作用

再來是老話一句,這個模組你可以拿來展示你自己的東西,但是如果商業用途,請先告知喔!
請不要天真的以為我不會知道XD...

沒有留言:

張貼留言