使用方法

<link rel="stylesheet" href="zoomify.min.css">
<div class="container">		    
	<div class="examples">	    
		<div class="row">    
			<div class="example  col-md-12 col-xs-12 ">    
				<p><img src="img/1.jpg" class="img-rounded" alt=""></p>    
			</div>    
		</div>    
		<div class="row">    
			<div class="example  col-xs-6 col-md-6">    
				<p><img src="img/2.jpg" class="img-rounded" alt=""></p>    
			</div>    
			<div class="example col-xs-6 col-md-6">    
				<p><img src="img/3.jpg" class="img-rounded" alt=""></p>    
			</div>    
		</div>    
		<div class="row">    
			<div class="example col-xs-3 col-md-3">    
				<p><img src="img/4.jpg" ></p>    
			</div>    
			<div class="example col-xs-3 col-md-3">    
				<p><img src="img/5.jpg" ></p>    
			</div>    
			<div class="example col-xs-3 col-md-3">    
				<p><img src="img/6.jpg" ></p>    
			</div>    
			<div class="example col-xs-3 col-md-3">    
				<p><img src="img/7.jpg" ></p>    
			</div>    
		</div>    
	</div>	    
</div>    
<script src="jquery.min.js"></script>    
<script src="zoomify.min.js"></script>    
<script type="text/javascript">    
	$('.example img').zoomify();    
</script>

demo下载

zoomify.rar