-1

このコードを複数回実行する必要があります。ボタンをクリックして画像を追加し、ボタンをクリックして削除したときにのみ実行されます。3回目のクリックでは、画像は再度追加されません

<button class="" onclick="showImages(this,'100000,jpg','1111111.jpg','5');"></button>
<div id="5" class="">
... //when I run the function it appends the <img> tag here
</div>

function showImages(button, image1, image2, id) { //user clicks a button "show"
    if (image2 == "") { //if there is only one image
        $('#show' + id + '').append('<img class=\"one\" src=\"images/' + image1 + '\" />'); //creates a div with 1 image
        button.onclick = function () { //clicks it second time
            $('#show' + id + '').empty(); //removes the div with image
        };
    } else { //if there are 2 images
        $('#show' + id + '').append('<img class=\"two\" src=\"images/' + image1 + '\" /><img src=\"images/' + image2 + '\" />'); //div with 2 images
        button.onclick = function () { //...
            $('#show' + id + '').empty(); //...
        };
    }
}
4

1 に答える 1