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