单击时更改图像的大小

时间:2013-06-17 19:52:47

标签: jquery image resize onclick image-gallery

我正试图让图像变得更大,背面的黑色背景溢出内容(就像普通的图片库一样)无论如何我在尝试了几天后都未能达到效果。

然而,我现在正试图在点击时使图像变大,并在悬停时变为正常尺寸。无论如何我可以用JQ这样做吗?我不确定我能用CSS做到这一点。

请查看我目前使用的网站和代码:http://www.webdesignstudents.co.uk/students/loai_shehadeh/visual-identity.html

提前谢谢。

3 个答案:

答案 0 :(得分:0)

试试这个插件,它应该做你想要的,并且有更多的选项,而不是你自己实现它所需的时间:) http://leandrovieira.com/projects/jquery/lightbox/

答案 1 :(得分:0)

可能想为此尝试fancybox ......

http://fancybox.net/

或灯箱......

http://leandrovieira.com/projects/jquery/lightbox/

答案 2 :(得分:0)

只需在元素上添加一个类:

<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;} 

或者你可以试试像这样的小画廊http://www.minigal.dk/minigal-nano.html