viewer.js使用教程

时间:2024-10-14 21:03:03

1、下载viewer相关的文件,创建一个Web项目,将对应文件拷贝到js、css和img中

viewer.js使用教程

2、打开新建的index.html文件,依次引入css和js相关文件

viewer.js使用教程

3、在<body></body>标签中,插入一个无序列表,子项中添加img元素

viewer.js使用教程

4、在jquery初始化方法中,调用viewer相关的方法,对图片进行放大

viewer.js使用教程

5、保存代码并打开浏览器,可以看到图片显示效果,但是有几张图片显示不出来

viewer.js使用教程

6、调整代码并检查图片路径,保存并运行文件,再次预览效果

viewer.js使用教程
© 手抄报圈