jq圖片展示代碼(jquery實(shí)現(xiàn)圖片顯示)
src顯示默認(rèn)的圖片 dataoriginal為要顯示的圖片 4啟動懶加載 quotimglazyquotlazyload一般放在ajax complete中加載 如下代碼javascript view plain copy print?ajax type #39POST#39,url NETgetBisList,data。
backgroundurliconpng是使用圖片作為背景顯示,并且也只能作為背景顯示才能達(dá)到這種做法的目的 norepeat是不會重復(fù),這個不是必須的,不過有會規(guī)范一些 20px 30px是圖片的定位,顯示時會將圖片按這個坐標(biāo)來定位 上面。
你的這個大圖最好有一個 id,例如 ,沒有也可以,但找起來比較麻煩#39#preview#39width#39#preview#39height上面這個寬和高是你看到的圖片的大小,不一定是圖片本身的真實(shí)尺寸有可能在 HTML 中你設(shè)置了。
var of = $quot#sssquotoffsetid是sss元素的坐標(biāo)為 x ofleft y oftop 獲得當(dāng)前元素坐標(biāo)后,用js就可以計(jì)算顯示大圖的位置了。
alert$thiswidth為了測試我直接用click動作看能否取得圖片寬度,測試可以得到正常的圖片寬度另外,圖片要是程序從后臺讀取的話,建議把JQuery代碼放到內(nèi)容后面,取不到寬高大小可能是JQ運(yùn)行了,但內(nèi)容里沒有圖片。
$img = $lifind#39img#39 $list為容器jQuery實(shí)例 $listappend $li 創(chuàng)建縮略圖 如果為非圖片文件,可以不用調(diào)用此方法 thumbnailWidth x thumbnailHeight 為 100 x 100。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。