changer la taille en cas de resolution differente [Résolu]

[nebil]

Bonjour,

voila mon probleme.
Je présente une image avec un affichage standard.

Code :

1
2
<input type="image" src="<?php echo "images_annonces/".$id_biens."/".$url_image."";?>
" width=\"507\" height=\"235\"  />

je voudrais pour être bien affiché sur un ipad changer la taille des images au lieu de faire 507 et 235 je souhaiterai
afficher une autre taille en cas ou il est détecter une résolution de 768*1020 celle de l'ipad.

Mais je suis nul de chez nul en javascript , quelqu’un a t-il une solution.

un truc du style if 768*1020 alors
img src largeur xxx longueur yyy
else
img src largeur xxx longueur yyy

merci

[rotrevrep]

utilise ceci dans ton code javascript.

Code :

1
2
3
4
if(navigator.userAgent.match(/iPad/i) != null){
document.getElementById('id_image').width = 1020;
document.getElementById('id_image').height = 768;
}

et dans ton code HTML :

Code :

<input id="id_image" type="image" src="<?php echo 'images_annonces/'.$id_biens.'/'.$url_image; ?>" width="507" height="235"/>

[nebil]

Merci beaucoup.