Question

当我点击一个按钮时，我有五个按钮当我点击第二个按钮时，一个图像再次出现在div标签中另一个图像应该用新的图像替换该图像，依此类推。我应该编写什么代码来实现它。

请帮助我这样做。可能是javascript或jquery。我认为与onclick事件有关。

Answer 1

         <div class="imageSelector" />


  $(".btnOne").on("click", function(){

  $(".imageSelector").html("put here the html code of the image")

  })


  $(".btnTwo").....

Answer 2

简单如下，

<script type="text/javascript">
    $(function(){

        $('button').on('click',function(e){
            e.preventDefault();

            var imgSRC = $(this).data('src');

            $('#image').html('<img src="'+imgSRC+'" alt="" />');
        });

    });
</script>

<button data-src="image1.jpg">One</button>
<button data-src="image1.jpg">Second</button>
<button data-src="image1.jpg">Third</button>
<button data-src="image1.jpg">Fourth</button>
<button data-src="image1.jpg">Fifth</button>

<div id="image"></div>

<强> Working DEMO

Answer 3

默认情况下，OldImage值设置第一个图像网址，并且在函数NewImage中会出现新图像的url，这可能是按钮的id ..

var oldImage="img.png";
function ImageChange(NewImage)
{
    $("#divId").replace(oldImage,"newImage");
    oldImage=newImage;
}

javascript或jquery在不同的按钮点击上更改不同的图像

3 个答案: