BV

一个基于Bootstrap的简单图片放大查看插件

下载 开始使用

当前最新版本: v1.0.0

专为 Twitter Bootstrap 设计

Bootstrap Viewer 通过简单的设置,就可以拥有强大的功能,大大提高工作效率,减少开发时间。.


在线例子

        $title(示例代码:)
        <!DOCTYPE html>
        <html>
        <head>
            <title></title>
            <!-- 引入必须的css样式文件-->
            <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
        </head>
        <body>
                <!-- 演示用的图片 -->
                <img src="assets/img/demo1.jpg" width="400" class="viewer img-responsive"/>
        <!--引入相关的js文件-->
        <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
        <script src="dist/bootstrap.viewer.min.js"></script>
        <script type="text/javascript">
            $(function () {
                $('.viewer').bootstrapViewer();//默认读取的img标签的src作为图片来源路径可配置其他。
                //$('.viewer').bootstrapViewer({src:attrName});
            })
        </script>
        </body>
        </html>