jq图片展示代码(jquery实现图片显示)
src显示默认的图片 dataoriginal为要显示的图片 4启动懒加载 quotimglazyquotlazyload一般放在ajax complete中加载 如下代码javascript view plain copy print?ajax type #39POST#39,url NETgetBisList,data。
backgroundurliconpng是使用图片作为背景显示,并且也只能作为背景显示才能达到这种做法的目的 norepeat是不会重复,这个不是必须的,不过有会规范一些 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 创建缩略图 如果为非图片文件,可以不用调用此方法 thumbnailWidth x thumbnailHeight 为 100 x 100。