BLOGGER能做到這種把滑鼠移上去圖片後會自動放大的效果嗎?

各位晚安,想在這裡請教一下,BLOGGER能做到這種把滑鼠移上去圖片後會自動放大的效果嗎?
http://blog.xuite.net/totoa22/test/67634986
感謝<(_ _)>

3 則留言:

  1. 如果要一模一樣效果的話(滑鼠移上去一秒後放大), 需要寫 js 才能控制; 看了原始碼,是裝了 jquery 的外掛語法.

    如果不需要等一秒的話,可以手動在圖片語法裡面加上 onmouseover、onmouseout 來控制,每張圖手動加是比較麻煩. 例如:

    <img src="xxxx.jpg" onmouseover="this.style.width='120%'" onmouseout="this.style.width='100%'"/>

    上面 120% 可改成你想要的放大倍率

    回覆刪除
    回覆
    1. 大大您好:

      小弟照做後有達到樓主所述的效果
      但如果我的圖比較大張
      比如說我想要 onmouseover 時是100%
      onmouseout 時是60%
      能否在載入網頁時圖片就是縮小的?

      另外使用預設的插入圖片,然後用燈箱的效果和原圖相比似乎是略為模糊的?

      謝謝大大

      刪除
  2. http://abgne.tw/jquery/apply-jquery/jquery-hover-zoom-image.html
    找不到映像中的那篇,不過這篇功能差不多。

    回覆刪除

◎ 使用 Google 帳號者,勾選「通知我」可收到後續回覆的 mail!
◎ 沒使用 Google 帳號者,發言身份可選「名稱/網址」,來輸入暱稱
◎ 詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為"複製貼上"的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。