How do I make an image go fullscreen (like on facebook) displaying info on one side in HTML?

Answer 1

var img = document.querySelector("img");

img.addEventListener("click",Click);

function Click(){
img.RequestFullScreen();
}

or
img.mozRequestFullScreen();
or
img.webkitRequestFullScreen();
it depends on the browser

Answer 2

when you click on it?

Answer 3

you need to create hidden div like that :

div
div class=image-wrapper
img
/div
div class=image-info
.... info ....
/div
/div

and you need to show this div when you click on img

Answer 4

yes

Answer 5

and i have to make the click event in javascript, right?

Answer 6

sure