網路圖片展現方式探討-台灣醫療網

正體簡體

2024 年 4 月 20 日

首頁

全國院所

站內資料庫

延伸瀏覽

最多瀏覽

【類別】：網路資源 → 電腦資源 → 網頁*教學

線上諮詢

24539人觀看

回網頁*教學

網路圖片展現方式探討

※運用說明※
網路之所以能吸引無數人潮投入，最主要因素之一，就是他能很容易的傳遞圖片。
您必須知道：*.JPG、*.GIF或*.PNG這三類圖檔格式，是目前網路(瀏覽器)所能接受的圖片。
除了傳統的秀圖方式外，套用JavaScript、Java、CSS、DHTML等等，可創造更多花樣哦。
正常圖檔格式表示方法為，IMG SRC="URL" W="n" H="n" BORDER="0"，先寬後高，n為像素(pixel)。
雖然現在網路傳輸速度已逐漸改善，我們仍然希望您能盡可能將圖片【最佳化】處理。
這次先介紹參種技巧，下次還有更精彩的哦！

壹、表列項目彈出視窗：
這是運用表單(FORM)的窗型選項欄位(SELECT)控制標籤，加上描述語言(JavaScript)組合而成。
【請看範例】

說明：為免圖片過多影響檔案傳遞，我只使用同一張圖片，您當然要換不同的圖案哦。

貳、以小圖示來看大圖檔：
這是運用基本圖片(IMG SRC="URL")標籤，加上描述語言(JavaScript)組合而成。
【請看範例】
說明：一般常看到的作法，大多採用純基本圖片(IMG SRC="URL")標籤。

參、運用同頁選單相互轉變：
這是運用同一頁主選單超鏈結( A HREF="URL")標籤加上基本圖片(IMG SRC="URL")標籤組合而成。
【請看範例】
說明：為了選看圖片方便(不用一頁一頁的翻來翻去)，所以我作了這個整合。

※小叮嚀：投稿或引述文章內容請記得註明出處，以示尊重其著作財產權利，倘有疏漏之處也歡迎來信指教，謝謝。

投稿信箱

補充意見

[推薦評價好店]- 4C快修連鎖門市
專業維修買賣 - 筆電 + 手機 + 電腦 + Iphone + Ipad

新北汐止店
(02) 7751-9182
新北市汐止區福德一路86巷22號
汐止修手機.汐止修iphone.汐止修ipad.汐止修筆電.汐止修電腦
新北板橋店
(02) 8257-3990
新北市板橋區四維路137巷10號
板橋修手機.板橋修iphone.板橋修ipad.板橋修筆電.板橋修電腦
桃園大溪店
(03) 387-4353
桃園市大溪區中華路210號
大溪修手機.大溪修iphone.大溪修ipad.大溪修筆電.大溪修電腦
台中市區店
(04) 2201-1289
台中市南區台中路140號
台中修手機.台中修iphone.台中修ipad.台中修筆電.台中修電腦

王師父專業牆壁切孔鑽孔引孔工程服務
牆壁鑽孔切割,牆面引孔鑽孔,地板鑽孔切割

台北鑽孔切割
三重鑽孔切割
新莊鑽孔切割
板橋鑽孔切割