当谈到网页设计时,我是一个不成熟的人,我一直在尝试学习 ctrl+c > ctrl+v。目前我正在制作一个用于在沙发上选择靠垫的网络应用程序。我创建了一个页面,您可以在其中单击一种颜色以查看该特定颜色的靠垫,但我也想更改沙发底座的颜色。
简而言之:我想将 2 个 png 图像放在一起,并能够通过单击颜色来单独更改它们。
我现在的代码:
<body>
<div id="page">
<div id="gallery">
<div id="panel"><img id="largeImage" src="images/image_01_large.png"/>
<div id="thumbs">
<img src="images/image_01_thumb.png" alt="Lime Green"/>
<img src="images/image_02_thumb.png" alt="Burgundy"/>
<img src="images/image_03_thumb.png" alt="Cobalt Blue"/>
</div>
<script>
$('#thumbs').delegate('img', 'click', function () {
$('#largeImage').attr('src', $(this).attr('src').replace('thumb', 'large'));
$('#description').html($(this).attr('alt'));
});