有放大和缩小的简单图像视图的jQuery插件吗?

时间:2016-05-04 03:05:01

标签: javascript jquery

我需要的是,我会在一页中加载1张图片,然后我希望能够放大和缩小。

2 个答案:

答案 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