Pourquoi le scrolling est-il sautillant avec les images utilisant JQTouch?

Question

J'ai un tas d'images dans une rangée verticale, et quand vous balayez vers faites défiler si elles ne sont pas lisses. Il a tendance à sauter un peu comme chaque image apparaît.

Cependant, une fois que je fais défiler les images et sauvegarder, il est lisse la deuxième fois, comme si elles étaient mises en cache ou quelque chose comme ça. J'ai essayé de pré-charger des images sans changement.

Des idées? Merci.

<div id="pics"> 
<div class="toolbar"> 
<a href="#" class="back">Back</a> 
<h3>Pics</h3> 
</div> 
<div id="wrap"> 
<h1 class="picname">Pic name</h1> 
<p class="date">Jan 1, 2010</p> 
<img src="1.png"> 

<h1 class="picname">Pic name</h1> 
<p class="date">Jan 10, 2010</p> 
<img src="10.png"> 

<h1 class="picname">Pic name</h1> 
<p class="date">Jan 11, 2010</p> 
<img src="11.png"> 

<h1 class="picname">Pic name</h1> 
<p class="date">Jan 14, 2010</p> 
<img src="14.png"> 

<h1 class="picname">Pic name</h1> 
<p class="date">Jan 17, 2010</p> 
<img src="17.png"> 
</div> 
</div> 

Answer 1

Il est un problème avec jQTouch, vous ne pouvez pas changer la taille de façon drastique, j'ai eu ce problème avec un contenu dynamique chargé, il y a probablement deux solutions:

• fournissent des tailles d'image
• images de charge un par un en utilisant les gestionnaires onload/onabort pour aller à l'image suivante