图像默认为400px高度,单击后放大,再次单击后缩小

时间:2014-03-25 22:05:40

标签: javascript jquery image toggle

如何将图像默认设置为400px(原始大于600px)的高度,单击时放大,再次单击后缩小尺寸。

像切换图片一样。

谢谢

1 个答案:

答案 0 :(得分:2)

例如:

$('.image').click(function() {
    $(this).toggleClass('enlarged');
});

CSS:

.image {
    max-height: 400px;
}
.enlarged {
    max-height: none;
}

HTML

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