Bonjour,

Dans l'application que je suis en train de développer j'affiche sur une carte leaflet la position de la prise de photo avec un icone. En cliquant sur l'icone j'ouvre un popup avec à l'intérieur la photo. Or le popup fais la taille de la photo et est donc plus grand que l'écran du smartphone. J'ai pu voir que JQuery mobile que j'utlise déjà permet de mettre à l'échelle l'image en fonction de la taille de l'écran.

Malgré la doc de JQuery mobile, http://mobile.jquery-fr.com/demos/wi...up-images.html, je ne suis pas parvenu à utiliser et comprendre cette fonction de la bibliothèque de plus j’utilise Leaflet.

Quelqu'un peut-il m'aider/m'expliquer sur la mise à l'échelle des images avec jquery ?

Voici la partie de mon code qui créer l'icone et le popup avec la photo :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
tx.executeSql("SELECT * FROM table_photo", [], function(tx, res) {
						var i = 0;
						while (i <= res.rows.length-1 && res.rows.length!=0){						
							L.marker([res.rows.item(i).coor_x , res.rows.item(i).coor_y], {icon : iconephoto}).addTo(points_photos)
																		  .bindPopup('<img src="'+res.rows.item(i).photo+'" alt="image" style = "max-width : 100%; max-height=100%;">');		
 
							i=i+1;
						}
					});
Cordialement,


PS : Je travail sur cordova.