图像默认高度400px，点击放大，再次点击缩小

Image default 400px height, enlarge on click and reduce after second click again

本文关键字：缩小 放大 默认 高度 图像 400px      更新时间：2023-09-26

如何将图像的默认高度设置为400px(原始高度超过600px)，点击时放大，第二次点击后缩小。

比如切换图片。

谢谢

例如:

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

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

<img class="image" src="image.jpg">
相关文章：