Différence d'affichage galerie iPhone 3G/iPhone 4

Bonjour,

Je suis en train de créer des pages web qui sont censées afficher des galeries d'image.
J'utilise le plugin suivant : http://neteye.github.com/touch-gallery.html
Sur iPhone 3G, je n'ai aucune problème, les images s'affichent bien lorsque je "clique" dessus.
Par contre, sur iPhone 4/4S, lorsque je clique sur l'image, on ne voit qu'un bout de l'image.

Screen iPhone 3G:


Screen iPhone 4:


D'où vient le problème et comment le régler ?

Merci.
Modifié par Yuuko (24 Jul 2012 - 15:55)

Salut,

utilises tu la balise meta viewport ?

utilises tu max-width ou max-device-width ?

as tu vérfié la résolution du 4/4S ?

SuperMerguez a écrit :
Salut,

utilises tu la balise meta viewport ?

utilises tu max-width ou max-device-width ?

as tu vérfié la résolution du 4/4S ?

Dans mon head j'ai la balise suivante :
<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />

Voici la partie de mon code qui correspond à la galerie d'images :

<div class="gallery">
  <a href="images/artist1.jpg"><img src="thumbs/artist1.jpg" alt="Image 1" data-large="images/artist1.jpg" /></a>
  <a href="images/artist2.jpg"><img src="thumbs/artist2.jpg" alt="Image 2" data-large="images/artist2.jpg" /></a>
  <a href="images/artist3.jpg"><img src="thumbs/artist3.jpg" alt="Image 3" data-large="images/artist3.jpg" /></a>
</div>

Et voici le script :

<script>
  $('#gallery a').touchGallery();
</script>

<script>
  $('img[data-large]').touchGallery({
    getSource: function() { 
      return $(this).attr('data-large');
    }
  });
</script>

Pas d'idée? Même sur le site de la personne qui a fait le plugin, celui-ci ne marche pas sur iPhone4/iPad... http://neteye.github.com/touch-gallery.html