我需要的是,我会在一页中加载1张图片,然后我希望能够放大和缩小。
答案 0 :(得分:1)
您可以使用纯css在悬停时实现缩放效果,而不需要任何jquery依赖项。 使用transform:scale(x,y),如本片段中所述。
<img class="zoom" src="http://i.imgur.com/pszAeGh.png">
<style>
.zoom{
position:relative;
display:block;
width:200px;
height:auto;
margin:40px auto;
}
.zoom:hover{
transform: scale(2,2);
}
</style>
答案 1 :(得分:0)
我想我刚刚找到了自己问题的答案。
检查此链接。 http://www.elevateweb.co.uk/image-zoom/examples#basic-zoom