jq圖片展示代碼(jquery實現圖片顯示)
src顯示默認的圖片 dataoriginal為要顯示的圖片 4啟動懶加載 quotimglazyquotlazyload一般放在ajax complete中加載 如下代碼javascript view plain copy print?ajax type #39POST#39,url NETgetBisList,data。
backgroundurliconpng是使用圖片作為背景顯示,并且也只能作為背景顯示才能達到這種做法的目的 norepeat是不會重復,這個不是必須的,不過有會規(guī)范一些 20px 30px是圖片的定位,顯示時會將圖片按這個坐標來定位 上面。
你的這個大圖最好有一個 id,例如 ,沒有也可以,但找起來比較麻煩#39#preview#39width#39#preview#39height上面這個寬和高是你看到的圖片的大小,不一定是圖片本身的真實尺寸有可能在 HTML 中你設置了。
var of = $quot#sssquotoffsetid是sss元素的坐標為 x ofleft y oftop 獲得當前元素坐標后,用js就可以計算顯示大圖的位置了。
alert$thiswidth為了測試我直接用click動作看能否取得圖片寬度,測試可以得到正常的圖片寬度另外,圖片要是程序從后臺讀取的話,建議把JQuery代碼放到內容后面,取不到寬高大小可能是JQ運行了,但內容里沒有圖片。
$img = $lifind#39img#39 $list為容器jQuery實例 $listappend $li 創(chuàng)建縮略圖 如果為非圖片文件,可以不用調用此方法 thumbnailWidth x thumbnailHeight 為 100 x 100。