用链接展开图像

expand image with link

本文关键字：图像 链接      更新时间：2023-09-26

我真的是javascript的新手，我不确定这是否可能，但我想通过点击链接来扩展图像——我看到的代码让用户点击图像本身来扩展它。

感谢您的帮助！提前谢谢。

您可以这样做：

HTML

<img src="yourImage.png" alt="image" class="small" id="img"/>
<a href="#" id="btnExpand">Expand</a>
<a href="#" id="btnRevert">Revert</a>

CSS

img.small {
  width: 48px;
}

JS

document.getElementById('btnExpand').addEventListener('click', function(){
  document.getElementById('img').className = '';
});
document.getElementById('btnRevert').addEventListener('click', function(){
  document.getElementById('img').className = 'small';
});

看看这个电笔。

相关文章：