之前是放在學園~~
現在把它拉出來給大家參考唄^^
Website : OEC SPACE
Name : Candy
URL : http://www.hsiu28.net/
URL : http://www.oecspace.com/
這個網站有很多很棒的教學,這次要分享的是比較有難度的Flash+xml小型圖片展示!!
可以把您的商品做成一個可愛的相簿,放置在您的
個人網站裡面((個人網站請自備,可以使用PC Home所提供的免費網站，接下來我會以PC Home來式範如何放置))
左邊的數字５可以調整 它代表放圖的速度
右邊 １卅１２ 就是 第幾張圖卅總共幾張圖
看看範本
學習前提準備
1.你要有個網站(pchome免費網站也可)
2.你要會修圖片的大小
3.懂操作電腦(最好有網頁架設基礎..可是Pc home很簡單囉..中文的!!!
4.還要有耐心跟著我一步一步做..及有一顆學習的心..
不要隨便問無關緊要的問題(如網頁怎麼申請,檔案怎麼上傳?怎麼連結首頁)<--問這些我都不回哦!!
準備完成了嗎?!
要開始囉!!
第一步:
選擇版型=到右邊選單中的"Flash Material"
第二步:
看到了嗎? OECSPACE Flash Material「Flash素材下載」的頁面 點左邊選單Flash downlord下面的細項
[圖片展示]+9 那個
第三步:
版型出現了,共有8種,我選了第3種,所以接下來我以該版型為列說明,其它版型應該都是相同啦~
只是結果不同,但是那些不同的東西,我們不必去動它...so.不要再問我第某個版型怎麼做?!
▼ 自動撥放圖片展示(三)
File: Down: 35 <--按 File 下載我們要使用的程式包
Size:200x260 <--展示照片的大小,請自行將您的圖改成這樣的大小
(其他大小也可以用,但太小不好看,太大..讀很久,
顯示也不完整,至於怎麼改...請到學園找資料)
簡易的圖片展示
半透明框顯示文字
第四步:
檔案下載完後請解壓縮,變成一個oecspace_img_b的資料夾
進到資料夾中有一個檔案,名稱是 oec_image
請在它上面按右鍵,選擇"使用記事本"開?
第五步:
打開了嗎? 很好... 來看怎麼改!!
第六步:將改好的照片圖檔(限JPG格式) 存到images資料夾
到此是第一個階段,就是把檔案都給處理好了!!!
要把成果送到網站囉....
第一步:
進入PC Home 的網站管理
PC home > 個人網站首頁 > 個人功能頁 > 檔案總管
建立一個名為 oecspace_img_b 的資料夾(如圖)
第二步:
進入oecspace_img_b 資料夾
然後把解壓縮後的以下檔案 用 瀏覽器上傳 的方式傳入 oecspace_img_b 資料夾
第三步:
在oecspace_img_b 資料夾中再建立一個資料夾 名為 images
第四步:
進入images資料夾後,把修改後的圖全數上傳
接下來網頁的顯示 可以在上傳前修改
上傳後也可以由PC HOME進去修改
修改方式請參考 [Read me]這個檔案((在一開始解壓縮的檔案中))
1.直接修改.html檔案或拷貝語法至你的網頁
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="200" height="260" id="image_b" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="image_b.swf" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="bgcolor" value="#cccccc" />
<embed src="image_b.swf" menu="false" quality="high" bgcolor="#cccccc" width="200" height="260" name="image_b" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
2.所有檔案必須放再同一個目錄下
3.圖檔與說明文字設定於oec_image.xml,請用文字編輯軟體開啟直接修改後存檔即可
4.可自由增加圖片,不限制數量
5.圖片格式只能用.jpg
6.改變變換時的背景色彩,修改於
<param name="bgcolor" value="#cccccc" />
ok..一切就?
打開來看看吧!! 點選 image_b.html 就看到囉!!!
簡單嗎?
做完可以放上來給大家看看~~
留言列表
☆拜金媽咪與寶貝們☆ (3)
