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)