網頁特效..點小圖變大圖


擅用超連結


Q:很多網站都會放有縮小的圖片或照片..點了小圖之後會另開一個視窗..顯現出原尺寸的圖檔..請問這個特效要怎麼做?? 有教學網站最好..可以直接複製使用的那種..因為我是新手..都是用教學網站提供的特效做的..謝謝!!
2006-10-30 Jelly
很簡單就只是擅用超連結
首先 假設現在我們有一張圖叫 123.jpg 大小是 400*300


小圖


<img src="網址/123.jpg" width="100">


這樣圖的寬度會只有100


高是按400*300等比例縮小


點小圖 開視窗看大圖


<a href="網址/123.jpg" target="_block"><img src="網址/123.jpg" width="100"></a>


這樣子 點圖下去 就會開新視窗出現大圖了



不過你要注意 這一個方式
小圖的大小一樣是 400*300


如果你小圖很多很多
建議你是 把圖縮小 另存新檔
這樣別人在看的時候才不會 開很久


舉例
123.jpg是400*300


456.jpg是100* ??


這兩個是同一張圖
大小不同而已


請這樣用
<a href="網址/123.jpg" target="_block"><img src="網址/456.jpg" width="100"></a>
這樣使用者在開網頁會比較快


2006-10-30 林sir       參考http://lincca.idv.tw
給你兩種語法:
一.  <a href="javascript://" onclick="window.open(圖片','','menubar=no,status=no,scrollbars=yes, oncontextmenu=return false, ondragstart=return false, onselectstart=return false ,top=200,left=200,toolbar=no,width=600,height=450')"><img border="0" src="圖片" width="200" height="150" style="border: 1 solid #008000"></a>
二.較簡單,但没有第一效果好
      <a href="圖片" target="_blank"><img border="0" src="圖片" width="200" height="150"></a>
說明:圖片 就是你插入網頁中,及上傳的圖片,但記得檔名不能是中文或有特殊符號或是0(零)開頭


那些碼 先copy到記事本,再轉copy到網頁中,才不會成亂碼


示範:


2007-05-30 滑鼠放上去,小圖變大圖而且圖片能連結又有加註文字的語法是?   初學者 5 級
你試試這個法,


<a title="要加註的文字" target="_blink" href="連結網址" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','大圖的網址',1)"><img name="Image1" border="0" src="小圖的網址"></a>


所以你必須要有兩張圖片才行喔....................
qazwsxedcrfvtgbyhnujmik,olp


 


arrow
arrow
    全站熱搜

    cityfarm 發表在 痞客邦 留言(3) 人氣()