Question

在网页设计方面，我有点不成熟，我有点ctrl + c＆gt; 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'));
            });

在网页上组合多个图像，然后单击按钮单独更改它们

0 个答案: