我想设置一些图像的宽度,高度和位置,以便在JavaScript中放大它们。这种放大将通过链接到当前位置与目标特定图像(例如example.com#image-1)来实现。
我的计划是只使用JS来设置元素的目标大小和位置,并在页面加载和窗口大小调整时执行此功能。然后我将处理CSS中的过渡(图像放大)。我知道jQuery有一个:target selector但我目前没有使用jQuery。
<img src="example.png" id="image-1">
<style>
#image-1 {
height: 100px;
width: 200px;
position: absolute;
top: 0;
left: 0;
}
#image-1:target {
//I would like to set this in js
//based on screen size etc
}
</style>
非常感谢任何帮助!