Question

我有3张图片，我想在它们之间切换!!每张照片都取代了另一幅!!有一个组合，但我坚持！我不知道我是否采取了正确的方式！如果有一个简单的方法请告诉它我感激不尽！ thanx：）

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看到该演示。

Answer 2

嘿，我已经为你创建了一个jsfiddle示例..

代码： -

 $(document).ready(function() {
    $(document).on("click", "img", function() {
        var htmlOfFirstDiv = $("#first").html();
        var currentDivHtml = $(this).closest("div").html();
        $("#first").html(currentDivHtml);
        $(this).closest("div").html(htmlOfFirstDiv)

    });

});

链路： - 点击这里查看工作示例： - http://jsfiddle.net/XUjAH/1091/

三个图像combinaison jquery

2 个答案: