gpt4 book ai didi

html - 将图片库放在背景图片上

转载 作者:行者123 更新时间:2023-11-28 02:05:19 25 4
gpt4 key购买 nike

在我的主页上,我有一张背景图片,我想在该背景图片上叠加一个位于中心的图片库(4 张图片)。我附上了 screen shot给人们一个想法。

谢谢

最佳答案

像这样:

document.getElementById('g1').onclick = function() {
document.getElementById('bigImage').innerHTML = '<img src="http://www.kurzweilai.net/images/Naam-Limits-of-Earth-Part1-001-earth-600x600.jpg" style="height: 600px; width: 600px;">';
document.getElementById('g1').innerHTML = '<img src="http://www.spitzer.caltech.edu/uploaded_files/images/0009/6502/ssc2013-07b_Ti.jpg" style="height: 60px; width: 60px;">';
};
#bigImage{
width: 600px;
height: 600px;
}
#gallery {
width: 60px;
height: 60px;
z-index: 99999;
}
<div>
<div id = "bigImage">
<img src="http://www.spitzer.caltech.edu/uploaded_files/images/0009/6502/ssc2013-07b_Ti.jpg" style="height: 600px; width: 600px;">
</div>
<div id = "gallery">
<div id = "g1">
<img src="http://www.kurzweilai.net/images/Naam-Limits-of-Earth-Part1-001-earth-600x600.jpg" style="height: 60px; width: 60px;">
</div>
</div>

</div>

关于html - 将图片库放在背景图片上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49060728/

25 4 0