Redimensionnement "interactif"

Nous pouvons laisser le loisir au visiteur de redimensionner l'image publier, en en fixant les grandeurs minimum et maximum: ici 320x180px et 1400x788px.

Pour cela le visiteur tirera sur l'angle bas droit, clic gauche souris enfoncé, dans un sens ou dans les deux sens, selon votre code: faire l'essai ci-dessous.

<p id="rz1">&nbsp;</p>

<style><!--
#rz1 {width: 320px; height: 180px; min-width:320px; max-width:1400px; min-height:180px; max-height:788px;
border: 1px solid #ccc; background:url('http://ekladata.com/7DxS-ABVzvNJ2XSBYHdeptNwOD4.jpg'); overflow: auto;
position: relative; margin:10px auto; resize: both;}
--></style>