Redimensionnement image site mobile
Bonjour,
Je suis en train de faire un site mobile avec Jquery Mobile.
Tout le contenu du site "normal" est issue d'une BDD. Pour éviter les doublons, il faut que je me débrouille pour sortir les données. J'y arrive sans trop de problème sauf pour ce qui est des images: je n’arrive pas à les redimensionner.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <script type="text/javascript">
$(document).ready(function() {
var ecran_client = screen.width;
var ecran_client2 = screen.height;
var taille_max = 80/100*ecran_client;
var ratio = ecran_client/taille_max;
if ((ecran_client<=960) && (ecran_client2<=640)) {
// Changement non pris en compte >
$("img").css("width", ecran_client);
ecran_client2 = ecran_client2 * ratio;
$("img").css("height", ecran_client2);
}
});
</script> |
J'ai tester l'ouverture d'une page sur mon smartphone mais sa ne change rien, j'ai essayer de mettre un alert() pour savoir si je rentrais dans la boucle et oui sa marche.
J'ai regarder la taille que j'allais mettre à la place et il gère bien la rotation et me donne la "bonne" taille.
Je sais que mon script ne gère pas si l'ancienne image est plus petite ou non, mais c'est pour "simplifier" le code.
Les images n'ont pas d'id et il faudrait un script générique qui agisse sur TOUTES les images.
J'ai essayer avec $("img").widht = 20; et d'autres syntaxes du genre mais sa ne fonctionne pas.
Merci d'avance.
