作者eagen0828 (EaGen)
看板Web_Design
標題Re: [問題] 移到縮圖上會自動出現全圖..
時間Mon Nov 8 18:09:11 2004
※ 引述《yichun0719 (ㄚ俊)》之銘言:
: http://www.tvbs.com.tw/news/news_list.asp?no=tzeng20041102071948
: 阿......要大家看的不是新聞喔...
: 而是裡面有ㄧ張相片的縮圖....
: 而且滑鼠只要ㄧ滑到上面....就會出現另一個視窗是放大的圖..
: 這該要怎麼做呢...
: 還請各位大大幫忙解答了....^^
<a style="cursor: hand"
^^^^^^^^^^^^^^^^^^^^
表示說 手指移動到圖上 指標會變為手指指標
onclick="window.open('檔案.jpg','p1','scrollbars,resizable,width=寬,height=高)"
^^^^^^^^ ^^^^^^^^^^ ^^^^^^^^^ ^^^^^^^^ ^^^^^^^^^
圖檔位置 有捲軸 可變大小 視窗寬 視窗高
這裡是指當按下圖的時候會跳出視窗 顯示圖檔 (也可以應用在顯示網頁)
onMouseOver="p1.src='大圖檔案.jpg';p1.width=寬;"
(圖檔位置) 圖檔寬
onMouseOut="p1.src='小圖檔案.jpg';p1.width=寬;" >
(圖檔位置) 圖檔寬
<img id=p1 src="小圖檔案.jpg" width="" style="border: 1 solid #585858">
原始圖檔插入位置
</a>
他是用同一張圖 利用onMouseOver跟onMouseOut這兩個後面的width
來改變他的大小 大圖設定300 小圖設定150 他就會變大變小了
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 203.71.15.25
1F:推 accordingto:好詳細~ 61.218.51.174 11/09
2F:推 yichun0719:感謝大大的講解...好詳細阿 211.76.41.233 11/09