Question

我正在尝试在此页面上重新创建该功能。

当您更换鞋子颜色时，您会在该节目中获得备用视图。

它是如何运作的？

http://www.clae.com/Product.aspx?l=00010000000000000000&p=CLA01253

Answer 1

以下示例默认加载image1。它将为单击的图像加载新图像，并用id为main替换图像中的图像。

<!DOCTYPE html>
<html>
<head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>

</head>
<body>
        <script type="text/javascript">
                $(document).ready(function() {
                        $('#img1, #img2').click(function() {
                                $('#main').attr('src',$(this).attr('src'));
                        });
                });

        </script>
        <img id="main" src="image1.png"/>

        <br> <br>
        <img id="img1" src="image1.jpg"/>

        <img id="img2" src="image2.png"/>
</body>
</html>

Jquery图像和导航交换？

1 个答案: