用链接扩展图像

Question

我对javascript很陌生，我不确定这是否可行，但我希望通过点击链接扩展图片 - 我见过的代码有用户单击图像本身展开它。

任何帮助表示赞赏！提前谢谢。

Answer 1

你可以这样做：

<强> 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';
});

查看此codepen。