Mobile Safari et iScroll.js: Impossible de faire défiler l'image surdimensionnée horizontalement div

Question

J'ai une image dans un qui est plus grand que le. Donc, je veux être capable de faire défiler verticalement et horizontalement. Mais je ne peux que sembler le faire défiler verticalement. Qu'est-ce que j'oublie ici?

<script type="text/javascript"> 
var myScroll; 
function loaded() { 
     myScroll = new iScroll('transit_map', {vScrollbar:true}); 
} 

document.addEventListener('DOMContentLoaded', loaded); 
</script> 

<div id="transit_map_wrapper"> 
     <div id="transit_map"> 
       <img src="<?php echo base_url(); ?>extras/img/parade_route.jpg" 
width="1583" height="485" onload="scroll.refresh()" /> 
     </div> 
</div> 

Et voici mon CSS:

#transit_map_wrapper { position:relative; z-index:1; width:auto; 
height:490px; overflow:hidden; } 

Toutes les idées?

Answer 1

J'ai utilisé un plugin jQuery appelé imagetool et j'ai trouvé que cela fonctionnait très bien sur l'iPhone et l'iPad.

http://code.google.com/p/jquery-imagetool/downloads/detail?name=jquery.imagetool-1.1.min.js&can=2&q=