Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

modal multiple images

var modal = document.getElementById("myModal");
var i;

var img = document.getElementsByClassName("myImg");
var modalImg = document.getElementById("img01");

 for(i=0;i< img.length;i++)
   {    
    img[i].onclick = function(){

    modal.style.display = "block";
       modalImg.src = this.src;

 }
}

var span = document.getElementsByClassName("close")[0];


span.onclick = function() { 
   modal.style.display = "none";
}
Comment

PREVIOUS NEXT
Code Example
Javascript :: promise definition in javascript 
Javascript :: shorthand arrow function 
Javascript :: using server passed values and client js together in ejs 
Javascript :: javascript array slice() example 
Javascript :: How to filter data using javascript 
Javascript :: airbnb react native eslint 
Javascript :: dynamic classname react 
Javascript :: npm module 
Javascript :: mdn trimstart 
Javascript :: Remove all falsy values from an array 
Javascript :: react native image picker 
Javascript :: js change object value 
Javascript :: array reduce javascript 
Javascript :: bind in javascript example 
Javascript :: javascript create array 
Javascript :: pass a variable by reference to arrow function 
Javascript :: var hoisting.js 
Javascript :: launch json file for rust 
Javascript :: set tiemzone datetime object 
Javascript :: mongoose save return id 
Javascript :: react native stepper 
Javascript :: for ... of ... 
Javascript :: reverse an array 
Javascript :: js filter array 
Javascript :: events jquery 
Javascript :: javascript get width of image 
Javascript :: join javascript array 
Javascript :: javascript highlight element 
Javascript :: var 
Javascript :: module export javascript 
ADD CONTENT
Topic
Content
Source link
Name
8+6 =