Page 1 sur 1

zoom au click

Posté : 25 juin 2020, 14:24
par Carber
je cherche a comprendre le fonctionnement de la commande "addEventListener" que je n'arrive pas a mettre en place

je souhaite quand un utilisateur importe les images qui puissent dbclick sur une image elle apparait a ça taille orignal et si il refait double click elle revient a l'origine

http://assoc-rfe.com/classement/

dans mon exemple :

j'ai une page index.html qui comporte un bouton "ajouter des images"

le code du bouton

Code : Tout sélectionner

<input type="file" id="images" name="images" multiple accept="image/jpeg, image/png" />
					
					<input type="button" class="btn btn-primary" id="addImage" value="Ajouter des images" />
					
mon css

Code : Tout sélectionner

.image {
float: left ;
    position: relative;
    border: 3px solid #666;
    margin: 0px;
    padding:2px;
    background-color: #efefef;
   
cursor:pointer;
		
	}
		
#images {
	display:none;
	} 
js

Code : Tout sélectionner

window.onload = () => {
    // Ici le document est chargé

var img = document.querySelector('img')
var zoom =function  () {
	
??????
	
}

img.addEventListener('click',zoom)