javascript - 三张图片组合 jquery

Question

我有 3 张图片，我想在它们之间切换!每张照片都会取代另一张照片!有一个组合，但我卡住了!我不知道我的做法是否正确!如果有简单的方法请告诉我，我将不胜感激!谢谢:)

Answer 1

这只是实现此目的的众多方法之一，但是

HTML

    <div class="images">
        <div id="first-image">
            <img src="#1" />
            <p>1</p>
        </div>
        <div>
            <img src="#2" />
            <p>2</p>
        </div>
        <div>
            <img src="#3" />
            <p>3</p>
        </div>
    </div>

JavaScript

        $(".images > div").click(function(){
            //check if the clicked div is first
            var check = $(this).parent().attr('id') == 'first-image';
            if(check); ///do nothing if it's the first image
            else {
                //get the content of the images to be switched
                var clickedContent = $(this).html();
                var firstImageContent = $('#first-image').html();

                //switch the contents of each
                $(this).html(firstImageContent);
                $('#first-image').html(clickedContent);
            }
        });

您可以使用 id 确定第一篇文章的显示位置，然后在切换内容时使用它来引用元素。

可以通过here查看演示.