单击时更改图像的大小答案

【问题标题】：Change the size of an image when Click单击时更改图像的大小
【发布时间】：2013-06-18 04:03:55
【问题描述】：

我正在尝试使图像变大，后面的黑色背景会溢出内容（就像普通的图片库一样）无论如何，经过几天的尝试，我都未能获得结果。

但是，我现在正在尝试使图像在单击时变大，并在悬停时变为正常大小。无论如何我可以用JQ这样做吗？我不确定我可以用 CSS 做到这一点。

提前谢谢你。

【问题讨论】：

【解决方案1】：

只需在您的元素上添加一个类：

<img src="img/image.jpg" class=imggallery>

然后在你的 css 上添加如下内容：

imggallery {width:60%;height:auto;}
imggallery:hover {width:90%;height:auto;}
imggallery:active  {width:100%;height:auto;}

【讨论】：

谢谢，我宁愿自己使用插件。你的方法是有效的，但是有一个小问题。我在那里有 3 列，这就是我获得该视图的方式，我有列而不使图像浮动的原因是因为图像宽度不同，我希望它们浮动以填充空间并转到顶部而是保留空白...您认为我可以做些什么来摆脱专栏或其他东西吗？非常感谢！
您好，我不确定不看您的代码，但如果您只需要在另一个位置显示图像，请使用 css 定位：[code]imggallery:hover {width:90%;height:auto;边距：-500 0 0 200；填充：30 30 30 30}[/code]

【解决方案2】：

试试这个插件，它应该能做你想做的事，而且比你自己实现它的时间要多:) http://leandrovieira.com/projects/jquery/lightbox/

【讨论】：

【解决方案3】：

可能想为此尝试fancybox...

或灯箱...

【讨论】：