Breaking News: Grepper is joining You.com. Read the official announcement!

image image using next and previous button in javascript

Stormy Sloth answered on September 11, 2020 Popularity 6/10 Helpfulness 2/10

answer image image using next and previous button in javascript

image image using next and previous button in javascript

Comment

<div style="display:block"><img  id="largeimg" data-nr="1" src="resources/images/larges/01.jpg"></div>
<img data-nr="1" class="clickable" style='cursor:pointer;' src="resources/images/thumbs/01.jpg">
<img data-nr="2" class="clickable" style='cursor:pointer;' src="resources/images/thumbs/02.jpg">
. . .

<script type = "text/javascript">       
  $(document).ready(function(){
    $(".clickable").each(function({
      this.click(function(){
         $("#largeimg").attr("src",this.attr("src")).attr("data-nr",this.attr("data-nr"));
      }
    }
  });
  function nextpic() {
    newid = parseInt($("#largeimg").attr("data-nr"))+1;
    newsrc = $(".clickable[data-nr="+newid+"]").attr("src");
    $("#largeimg").attr("src",newsrc).attr("data-nr",newid);
  }
</script>

Popularity 6/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: button image javascript next using

Link to this answer
Share Copy Link