Retour à dimension d'origine après resize.

telliak Messages postés 3668 Date d'inscription   Statut Membre Dernière intervention   -  
telliak Messages postés 3668 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
J'ai défini des images avec resize=both pour permettre aux visiteurs de les afficher à la dimension souhaitée.
Comment faire pour qu'en cliquant sur une image "resizée" elle reprenne sa dimension d'origine, sans pour autant recharger toute la page ?
Merci d'avance pour vos idées.
A voir également:

1 réponse

Réponse 1 / 1
segatasenshiro
 
Salut,
resize=initial;
il me semble.

Pour la gestion du clic il faut un événement javascript et changer la class ou passer par l'atrtribut style.
0
telliak Messages postés 3668 Date d'inscription   Statut Membre Dernière intervention   882
 
Re,
Désolé du retard de ma réponse.
J'ai le sentiment qu'en fait initial ramène à la valeur par défaut de la propriété resize et non à la dimension initiale de l'objet. Cf exemple à partir de w3schools 

<!DOCTYPE html>
<html>
<head>
<style> 
#myDIV {
    border: 1px solid black; 
    background-color: lightblue;
    width: 270px;
    overflow: auto;
}
</style>
</head>
<body>
<p>Click the "Try it" button to make the DIV element resizable, restore to go back :</p>
<button onclick="myFunction()">Try it</button>
<button onclick="myRestore()">Restore</button>
<div id="myDIV">
  <p>Click the button, then drag the bottom right corner to resize this DIV element.</p>
</div>
<script>
function myFunction() {
    document.getElementById("myDIV").style.resize = "both";
}
function myRestore() {
    document.getElementById("myDIV").style.resize = "initial";
}
</script>
</body>
0

Discussions similaires

Dimensions L x l x H : comment lire ces infos ?
Miss-Curieuse -
valou -

8 réponses
touche origine
nanoutom71 -
loucas -

5 réponses
une image de quelque seconde sur une vidéo
rizumu -
Lapourax -

6 réponses
Faire un retour à la ligne sur Google Sheet
29vitruve -
eric -

7 réponses
SOS EXCEL (CTRL) + (ORIGINE)
ckf1515 -
Milk@44 -

5 réponses