iT邦幫忙

0

請問您,預覽圖片效果,應該要如何做出效果?

  • 分享至 

  • xImage

請問您,預覽圖片效果,應該要如何做出效果?

http://library.taiwanschoolnet.org/cyberfair2016/fyjhs2016/index.htm#grandpa

comhlp iT邦新手 4 級 ‧ 2018-10-26 14:29:21 檢舉
你是說把MOUSE移到文字上就SHOW 一幅小圖片出來的效果嗎?
myubuntu iT邦新手 4 級 ‧ 2018-10-26 14:35:30 檢舉
Yes
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

2
hijapan1234
iT邦新手 5 級 ‧ 2018-10-26 14:37:40

https://ithelp.ithome.com.tw/upload/images/20181026/20111526uqPIDAzkrl.png

他把要顯示的圖片名稱 寫在area元件 data-area裡
然後 hover 的時候根據data-area的資料把圖Show出來...

0
comhlp
iT邦新手 4 級 ‧ 2018-10-26 14:47:27

你檢示網頁的原始編碼 用下面的CSS 再跟著AREA SHAPE那段CODE的寫法就好了
http://library.taiwanschoolnet.org/cyberfair2016/fyjhs2016/css/jquery-ui-1.11.3.custom/jquery-ui.min.css

如果你想認真學習 用"jquery show picture onclick" 在GOOGLE SEARCH就好了

我要發表回答

立即登入回答