照片怎么打开原图,有小图怎么找到原图
点击图片查看原画！ doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' metaname=' viewport ' content=' width=device-width， 点击initial-scale=1.0 ' meta http-equiv=' x-ua-compatible ' content=' ie=edge ' title图片查看原画/title/headscripte/headscriptive scriptbodydivimgclass=' pimg ' src=' http://Qin ius.scqgkj.com/1564478463 zdtyhx.jpg ' style=' margin-botttom 3360 110 ' width=' 100 px ' height=' 100 px '/div divid=' outer div ' style=' position : fixed； top:0； left:0； background : rgba (0，0，0，0.7 )； z-index:2； width:100%； height:100%； 显示： none； ' divid=' inner div ' style=' position : absolute； ' imgid=' big img ' style=' border :5 px solid # fff； ' src=''//div /div /body/html js
//图片放大$($(function () ) $ ).pimg ).click ) function ) ) var_this=$ ) this )； //将当前pimg元素作为_this传递给函数img show (' # outer div '，' #innerdiv '，' #bigimg '，_this )； )； )； functionimgshow(outerdiv，innerdiv，bigimg，_this ) varsrc=_this.attr ) ' src ' )； //获取当前单击的pimg元素中的src属性$(bigimg ).attr )、src )设置#bigimg元素的src属性/*，获取当前单击的图像的实际大小，弹出和大图像*/$ src ).load ) function ) ) varwindoww=$ )显示//当前窗口宽度var windowH=$(window ).height ()； //获取当前窗口的高度var realWidth=this.width； //获取照片的真实宽度var realHeight=this.height； //获取照片的真实高度var imgWidth、imgHeight； var scale=0.8； //缩放大小，如果图像的真实宽度和高度大于窗口宽度和高度，则if(realheightwindowh*scale )//确定图像高度的imgHeight=windowH * scale； //如果大于窗口高度，则图像高度为imgwidth=imgheight/real height * real width； ///均匀缩放比例宽度if(imgwidthwindoww*scale ) /例如，宽度投掷大于窗口宽度imgwidth=windoww * scale//进一步缩放宽度) else if (realwidwidw ) //如果大于窗口宽度，则图像宽度为imgheight=imgwidth/real width * real height； //等比例高度(else(//如果照片的实际高度和宽度符合要求，pgddwx保持imgWidth=realWidth； imgHeight=realHeight； }$(bigimg ).CSS('width '，imgWidth )； //以最终宽度缩放图像varw=(windoww-imgwidth )/2； //图像和窗口的左边距varh=(windowh-imgheight )/2； //计算图像和窗口上边的距离的$(innerdiv ).CSS ) (top':h，' left': w } ) )； #innerdiv的top和left属性$(outerdiv ).fadein ) ' fast )； //淡入显示#outerdiv和. pimg }； $(outerdiv ).click ) function () /淡出消失弹出按钮($(this ).fadeout ) ' fast )； )； }
单击后：(再次单击取消) )。
转载于：https://www.cn blogs.com/Wen tutu/p/11271732.html