zoom au click
Posté : 25 juin 2020, 14:24
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
mon css
js
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" />
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;
}
Code : Tout sélectionner
window.onload = () => {
// Ici le document est chargé
var img = document.querySelector('img')
var zoom =function () {
??????
}
img.addEventListener('click',zoom)