1

当谈到网页设计时,我是一个不成熟的人,我一直在尝试学习 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'));
            }); 
4

0 回答 0