个人资料RAY照片日志 工具 帮助
3月26日

拍立得樣式的精緻照片框

 

雖然圖片的主要功能是用來裝飾網頁,但少了圖片的網頁就如同少了裝潢的店面,即使貨品齊全,也很難吸引人潮。

拍立得樣式的精緻照片框!!

 

 

描述
照片日期
Photo by Timi

是不是常看到這樣的照片呈現方式呢!
現在大家都可以試試看囉!

  
  
  
  
  
  
    

要收看語法的人請移駕至 , Royboy 的 Blog 中收看歐 ..

Royboy's Blog 拍立得樣式的精緻照片框 !! - CSS ApplicationB
 
 
你也可以把這 CSS 語法玩成這樣 ....
 

 

  CDPRO-2

影片描述
影片來源
Photo by Timi

請使用「MSN Spaces "Edit It !" Button」將 HTML 編輯開啟 。

IE 在<IMG>這個標記中加上了一些擴充功能,這些功能可以用來支援播放視訊的新屬性,通稱為動態來源 (DYNSRC) 。你可以用這個擴充功能來播放影片。你可以同時使用 <IMG> 來指定影片及影像檔,如遇到不能播放影片的瀏覽器,則顯示影像檔代替。擴充的語法如下:

<IMG DYNSRC="file_name"
   START="action"
   LOOP="value"
   CONTROLS>

DYNSRC:指定影片檔的來源

START:指定何時開始播放。你可以設定 FILEOPEN 指明開啟文件時立即播放,或是 MOUSEOVER 來指明滑鼠移到動畫上時播放。你也可以兩者一起設定。

LOOP:指定影片循環播放的次數。若設定為 "-1",或是 "infinite" 則代表無限播放。

CONTROLS:顯示影片播放視窗。

這種發佈方式並不會在網頁流覽器中出現播放器,而是使用快顯功能表命令來控制電影的播放和停止。

 注意事項 :

                        由於 MSN Spaces 可供支援的標籤不包含 , <embed> 以及使用 < object > 去呼叫ActiveX控制項 來搭配 < param name="SAMIFileName" value >  做出播放器控制鈕。

                        所以請考慮使用參數 START 搭配 LOOP CONTROLS 的方式 , 來控制影像檔案的播放 。

範例 :

例如 : 以下圖示我是用了 START 的控制指令來完成的特效 。 [ 請將滑鼠移至黑色區塊中 ]

              Astronauts on the moon

而這一則我是用了 LOOP + CONTROLS 的控制指令讓這影效檔案播放了20次 。 [ 這時你可以用滑鼠右鍵來控制播放或則是停止 ]

            Astronauts on the moon

不過要注意的是 : 使用 START 的指令就無法用 COUNTROLS 來控制影像的播放 , 要能使用出 COUNTROLS 的功能 得要搭配 FILEOPEN 才行 。

                        目前經過測試可以支援的影音檔案分別為 wmv 、asf、以及 mp3 。

                        在纂寫影音檔案時需要考量的是 , 影音檔案的大小 , 客戶端跟本地檔案的連線速度 , 影音檔案的播放控制 , 以及本地檔案斷線時可供替代的圖像跟文字。

                          如果你怕本地影音檔案失效 , 而造成一個破碎的連結框時 , 請考慮搭配   SRC   ALT  來指定替代的影像圖案跟文字 , 那就不會因為破碎連結 ,而造成讀戶的困擾 。

                           語法如下 :

                           <img dynsrc="媒體連結點" alt="影音名稱" src="影音替代圖像">

评论

请稍候...
很抱歉,您输入的评论太长。请缩短您的评论。
您没有输入任何内容,请重试。
很抱歉,我们当前无法添加您的评论。请稍后重试。
若要添加评论,需要您的家长授予您相应权限。请求权限
您的家长禁用了评论功能。
很抱歉,我们当前无法删除您的评论。请稍后重试。
您已超过了一天之内允许提供的评论数上限。请在 24 小时后重试。
因为我们的系统表明您可能在向其他用户提供垃圾评论,您的帐户已禁用了评论功能。如果您认为我们错误地禁用了您的帐户,请联系 Windows Live 支持部门
完成下面的安全检查,您提供评论的过程才能完成。
您在安全检查中键入的字符必须与图片或音频中的字符一致。

若要添加评论,请使用您的 Windows Live ID 登录(如果您使用过 Hotmail、Messenger 或 Xbox LIVE,您就拥有 Windows Live ID)。登录


还没有 Windows Live ID 吗?请注册

引用通告

此日志的引用通告 URL 是:
http://rt402.spaces.live.com/blog/cns!236A2F8CFE993A2C!111.trak
引用此项的网络日志