<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>viewer.js图片预览</title> <script type="text/javascript" src="https://www.jb51.net/skin/jquery.js"></script> <link href="https://www.jb51.net/skin/js/viewer/viewer.css" > <script src="https://www.jb51.net/skin/js/viewer/viewer.js"></script> </head> <body> <img src="https://www.jb51.net/skin/img/threeHuan.png" alt="hello"></li> </body> <script> $('#viewer').viewer(); </script> </html>
注意：js中初始化viewer的时候位置要放到img标签后边
效果：
到此这篇关于viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)的文章就介绍到这了,更多相关图像查看插件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章: