强大的jQuery图片查看器插件Viewer.js简单使用

最新推荐文章于 2024-08-08 08:24:33 发布

且听丨风吟

最新推荐文章于 2024-08-08 08:24:33 发布

阅读量845

点赞数

本文链接：https://blog.csdn.net/ziqilin1991/article/details/108020533

版权

强大的jQuery图片查看器插件Viewer.js简单使用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="viewer/viewer.min.css"/>
		<script src="jquery/1.9.1/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="viewer/viewer.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			img {
				width: 50px;
				height: 50px;
			}
		</style>
	</head>
	<body>
		<ul id="dowebok">
		    <li><img src="./img/1.jpg" alt="图片1"></li>
		    <li><img src="./img/2.jpg" alt="图片2"></li>
		    <li><img src="./img/3.jpg" alt="图片3"></li>
		    <li><img src="./img/4.jpg" alt="图片4"></li>
		</ul>
	</body>
	<script type="text/javascript">
		$("#dowebok").viewer({
			url: 'data-original'
		})
	</script>
</html>