各位晚安,想在這裡請教一下,BLOGGER能做到這種把滑鼠移上去圖片後會自動放大的效果嗎?
http://blog.xuite.net/totoa22/test/67634986
感謝<(_ _)>
最新回應
精華文章
常見 FAQ
發表文章
論壇首頁 » 最新回應
BLOGGER能做到這種把滑鼠移上去圖片後會自動放大的效果嗎?
4/02/2013 09:12:00 下午
3 則留言:
◎ 使用 Google 帳號者,勾選「通知我」可收到後續回覆的 mail!
◎ 沒使用 Google 帳號者,發言身份可選「名稱/網址」,來輸入暱稱
◎ 詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「Blogger 免費諮詢 + 付費諮詢」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為"複製貼上"的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
如果要一模一樣效果的話(滑鼠移上去一秒後放大), 需要寫 js 才能控制; 看了原始碼,是裝了 jquery 的外掛語法.
回覆刪除如果不需要等一秒的話,可以手動在圖片語法裡面加上 onmouseover、onmouseout 來控制,每張圖手動加是比較麻煩. 例如:
<img src="xxxx.jpg" onmouseover="this.style.width='120%'" onmouseout="this.style.width='100%'"/>
上面 120% 可改成你想要的放大倍率
大大您好:
刪除小弟照做後有達到樓主所述的效果
但如果我的圖比較大張
比如說我想要 onmouseover 時是100%
onmouseout 時是60%
能否在載入網頁時圖片就是縮小的?
另外使用預設的插入圖片,然後用燈箱的效果和原圖相比似乎是略為模糊的?
謝謝大大
http://abgne.tw/jquery/apply-jquery/jquery-hover-zoom-image.html
回覆刪除找不到映像中的那篇,不過這篇功能差不多。