Question

我在“关于我们”页面上有一些缩略图，我想在单击它们时放大其大小，反之，在单击时，放大的图像会还原为缩略图。我已经检查了SO和其他地方，但是我找不到能做到这一点的任何代码。我更喜欢使用jquery的解决方案，因为我对此有一些（有限的）经验。任何帮助将不胜感激

Answer 1

如果您不知道要寻找的东西，您将找不到任何东西。这是为了使div的点击次数更大，您可以对图像使用类似的逻辑类型，如果是div，则可以更改其id，仅此而已。

$('#about_us').on('click', function() {
	if($(this).hasClass('active')) {
  	$(this).css({'width': '50px', 'height': '50px'});
  	$(this).removeClass('active');
  } else {
	$(this).css({'width': '150px', 'height': '150px'});
  	$(this).addClass('active');
  }
});

#about_us {
  width: 50px;
  height: 50px; background-color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='about_us'>
</div>

您可以使用其他方法并添加带有height参数的类，或者可以直接使用其css并添加类（如hare-active），这样您就知道它被点击了。

将缩略图扩展为更大尺寸的图像，反之亦然

1 个答案: