html5局部放大图片,H5的图片整张或局部放大特效

H5的图片整张或局部放大特效

jQuery图片整张或局部放大代码  

.controls-btns button{

color: #333;

}

.mt50{margin-top: 50px;}

 

 

Inner

<div mag-thumb="inner">

<img src="img/alley/500x300.jpg" />

</div>

<div mag-zoom="inner">

<img src="img/alley/1000x600.jpg" />

</div>

$host = $('[mag-thumb="inner"]');

$host.mag();

使用鼠标滚轮可以对内部图片进行缩放。

 

 

Inner Inline

<div mag-thumb="inner-inline" mag-flow="inline">

<img src="img/alley/500x300.jpg" style="width: 400px; max-width:100%;" />

</div>