我正在为一个与我们的太阳系有关的站点编程。我在网页中间制作了一个太阳系,我想编程一些链接到这些行星之一的按钮,这些按钮将在单击时改变所选行星的比例。
所以我的问题是:如何将按钮链接到图像?
我已经看过Internet,但是找不到解决方案。当我开始学习css和html时,我本人无法提出解决方案。
我认为不需要我的代码即可解决问题。
我正在为一个与我们的太阳系有关的站点编程。我在网页中间制作了一个太阳系,我想编程一些链接到这些行星之一的按钮,这些按钮将在单击时改变所选行星的比例。
所以我的问题是:如何将按钮链接到图像?
我已经看过Internet,但是找不到解决方案。当我开始学习css和html时,我本人无法提出解决方案。
我认为不需要我的代码即可解决问题。
这是一个免费赠品示例。欢迎来到SO!
scaleImg = (id) => {
const el = document.getElementById(id);
el.style.transform = 'scale(3)';
}
#testy {
background: url('https://i.stack.imgur.com/BVW9D.jpg') no-repeat center;
background-size: cover;
height: 5rem;
width: 5rem;
position: absolute;
top: 20%;
left: 20%;
transform: translate(-20%,-20%);
transition: transform 1s ease;
}
<div id="testy"></div>
<br/><br/>
<button onclick="scaleImg('testy')">Click Me</button>