<< Chapter < Page Chapter >> Page >

建立一個圖片連結至一個較大的版本

您也可以顯示一個圖片,讓它被點擊後顯示成一個較大版本的圖片。底下是其處理的方法:

  1. 請建立您的圖片檔案的一個縮圖版本。
  2. 請將原圖大小及縮圖大小的圖片插入至一個 media type(媒體型式) 輸入,如下列例子所示。
  3. 請增加原圖大小及縮圖的圖片檔案至模組裏。
底下是含有一個縮圖圖片連結至一個原圖版本所需的CNXML編碼例子: <figure id='thumbnail'><media type='image/png' src='TajMahal_medium.jpg'><param name='thumbnail' value='TajMahal_Thumb.jpg'/></media></figure> 上方CNXML例子的 實際顯示 為:
Steve Evans 所攝泰姬瑪哈陵的照片。在Creative Commons Attribution License授權許可之下刊載。

Flash 物件

您可以在您的模組裏插入一個Flash物件,底下是包含一個Flash物件所需的CNXML編碼例子: <figure id='flashfig'><media type="application/x-shockwave-flash" src="flash.swf"><param name='height' value='250'/><param name='width' value='250'/></media><caption>Flash物件範例:"Welcome to Connexions"。</caption></figure> 出現在您模組裏的 Flash物件 ,類似於一個影片或一個圖片所出現的方式。

Flash物件範例:"Welcome to Connexions"。

上方例子是鑲嵌在 figure 標籤裏面,可以使用圖片說明解釋Falsh物件的意義,此 figure 標籤並不需要在模組裏包含這些媒體物件。

影片

底下是您可以包含在您模組裏的一些影片型式,您可以插入這些型式,以及其他任何可以插入至一個網頁的影片型式。

  • quicktime
  • mpeg

可以藉由如同下列的編碼方式將影片增加至您的模組: <figure id='moviefig2'><media type="video/mpeg" src="Building_on_the_Past.mpg"><param name="width" value="450"/><param name="height" value="400"/><param name="autoplay" value="false"/></media><caption>Creative Commons 影片:"Building on the Past",請點擊Play(播放)按鍵以開始觀看。</caption></figure> 上方CNXML例子的 實際顯示 為:

Creative Commons 影片:"Building on the Past",請點擊Play(播放)按鍵以開始觀看。

上方例子是鑲嵌在 figure 標籤裏面,可以使用圖片說明解釋影片的意義,此 figure 標籤並不需要在模組裏包含這些媒體物件。

Java 程式

可以藉由如同下列的編碼方式將Java(爪哇)程式增加至您的模組: <figure id="javafig"><media type="application/x-java-applet" src="PhasorDemo.class"><param name="width" value="430"/><param name="height" value="500"/></media><caption>一個複變數正弦曲線的3D動畫,請點擊Run(執行)按鍵以開啟動畫。</caption></figure> 上方CNXML例子的 實際顯示 為:

一個複變數正弦曲線的3D動畫,請點擊Run(執行)按鍵以開啟動畫。
如果上方動畫並沒有出現,您可能需要安裝或更新Java外掛程式在您的電腦上,請至 java.com 下載Java外掛程式的最新版本。

上方例子是鑲嵌在 figure 標籤裏面,可以使用圖片說明解釋Java Applet的意義,此 figure 標籤並不需要在模組裏包含這些媒體物件。

聲音檔案

聲音檔案例如mp3、real audio、及wav檔案,可以快速及容易地插入至您的模組裏。要在您的文件裡包含聲音檔案,請在您的index.cnxml文件裏上傳對應的聲音檔案及類似下方的編碼: <figure id='musicscale'><media type="audio/x-wav" src="chromatic_slurred.wav"/><caption>由Michael Lawrence所吹奏單簧管的半音音階。</caption></figure>

上方CNXML例子的 實際顯示 為:

由Michael Lawrence所吹奏單簧管的半音音階。

上方例子是鑲嵌在 figure 標籤裏面,可以使用圖片說明解釋聲音檔案的意義,此 figure 標籤並不需要在模組裏包含這些媒體物件。

Labview 圖形化程式示範

有關於在您的模組裏包含LabVIEW圖形化程式示範的相關資訊,請查閱 Creating LabVIEW demonstrations for Connexions

媒體型式參數

一些多媒體物件需要一些選項或參數以適當地顯示出來,您可以藉由 param(參數) 標籤傳遞資訊至多媒體物件,此標籤在 media(媒體) 標籤裏,而不需要變更 media(媒體) 標籤。請查閱 CNXML Language Specification(CNXML語言說明書) 裏有關 param 標籤的描述,以獲得更多資訊。

底下是一個影片(mpg)物件的 param(參數) 標籤輸入的例子: <media type="video/mpeg" src="testmovie.mpg"><param name="width" value="300"/><param name="height" value="300"/></media>

您應該對任何影片、Flash物件、或Java程式設定高度(height)及寬度(width)參數,使它們在線上以適合的大小顯示;預設使用的高度及寬度單位為pixels畫素,在上方例子中,影片顯示成300 pixel乘以300 pixel的方格。

不同的多媒體物件型式,支援及對應於不同的參數,一些相異的多媒體物件型式所使用到的一些參數例子如下:

  • Images (image/*): height, width, title, alt
  • Flash (application/x-shockwave-flash): height, width, base
  • Video (video/*): height, width, classid, codebase, autostart
  • Java Applets (application/x-java-applet): height, width, code, codebase, archive
  • Audio (audio/*): title, volume
  • LabVIEW (application/x-labview): viinfo (See Creating LabVIEW demonstrations for Connexions for more information.)
param(參數) 標籤,允許您指定插入至XHMTL文件的一個物件在電腦運作時的設定。

Param(參數)及替換圖片

如果您使用嵌入式的media(媒體)標籤以提供一個替換圖片顯示,例如一個照片出現在模組的列印版本,以取代出現在線上版本的一個影片;請在替換圖片的被嵌入的 media媒體 輸入之前,插入原本圖片的 param(參數) 輸入,如同下列例子所示: <media type="video/mov" src="howto.mov"><param name="height" value="250" /><param name="width" value="250" /><media type="image/png" src="novideo.png /></media>

Get Jobilize Job Search Mobile App in your pocket Now!

Get it on Google Play Download on the App Store Now




Source:  OpenStax, Connexions tutorial and reference (中文指導及參考 - chinese). OpenStax CNX. Mar 09, 2006 Download for free at http://cnx.org/content/col10340/1.2
Google Play and the Google Play logo are trademarks of Google Inc.

Notification Switch

Would you like to follow the 'Connexions tutorial and reference (中文指導及參考 - chinese)' conversation and receive update notifications?

Ask