jquery pictureViewer实现图点击弹出放大层效果代码
代码语言:html
所属分类:图片放大
代码描述:jquery pictureViewer实现图点击弹出放大层效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title> </title> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/pictureViewer.css"> </head> <body> <div class="main-content"> <h4 class="title">点击任意图片使用插件</h4> <h3 class="title">交互:ESC键关闭弹框,左键、右键和鼠标滚轮切换图片</h3> <div class="image-list"> <div class="cover"><img src="//repo.bfw.wiki/bfwrepo/image/5fc8aa82a7330.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_300,h_200,/quality,q_90" alt=""></div> <div class="cover"><img src="//repo.bfw.wiki/bfwrepo/image/609636b3b27fe.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_300,h_200,/quality,q_90" alt=""></div> <div class="cover"><img src="//repo.bfw.wiki/bfwrepo/image/60ece322d6263.png?x-oss-process=image/auto-orie.........完整代码请登录后点击上方下载按钮下载查看
网友评论0