[問題] 滑鼠移過圖片會在一個框框中放大的作法?

看板Web_Design作者 (阿西)時間11年前 (2014/11/16 14:58), 編輯推噓0(006)
留言6則, 4人參與, 最新討論串1/1
板大好~ 我想做一個滑鼠移過時可以放大圖片的功能,但不是hover那個 舉個例是像這樣:http://house.ilantravel.com.tw/bnb/jinghouse.htm 滑鼠移到第一張圖,就會在大框裡顯示第一張圖 請問這個要怎麼製作? 謝謝大家! -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.243.102.18 ※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1416121122.A.BEA.html

11/16 15:15, , 1F
他是用flash做的,不過js也能簡單達成
11/16 15:15, 1F

11/16 17:06, , 2F
jQuery Zoom in
11/16 17:06, 2F

11/16 23:20, , 3F
你的例子有點像carousel 如果不要輪播只要滑鼠移過時在
11/16 23:20, 3F

11/16 23:20, , 4F
在一個content顯示大圖 那把大圖放在data-attr裡用js
11/16 23:20, 4F

11/16 23:21, , 5F
去改變上面content的圖檔就好了
11/16 23:21, 5F

11/17 13:29, , 6F
有個方向就可以查了! 謝謝3位~
11/17 13:29, 6F
文章代碼(AID): #1KQ4iYlg (Web_Design)