JQuery Mobile and swipe.js requires a touch even to load first image -


i making mobile site has rotating slideshow. using latest version of jquery mobile (1.9.1) , brad birdsall's swipe.js.

the problem having in order view first slide, has #advertising-consumer in it, must drag page down 10-20px in order load. once perform works perfectly, there known bug this, or script can use simulate this?

here code in case need it.

html body <div data-role="page" data-theme="a" id="port"> <div data-role="header" class="header-index" data-position="inline"> <a href="#index" data-rel="back" class="ui-btn-left ui-btn-back" data-icon="arrow-l">back</a> <div class="logo-interior"><a href="index.php"><img src="images/spacer.png" width="75" height="40" alt="logo"></a></div> </div> <div data-role="content" data-theme="a" style="width:320px; margin-left:0px; margin-right:0px;"> <div id='myswipe' style='max-width:320px;margin:0 auto' class='swipe'> <div class='swipe-wrap'> <div> <div class="portfolio-image"  id="advertising-consumer"> <p class="portfolio-subhead-orange">advertising</p> </div> <p class="portfolio-body">text goes here</p> </div> <div> <div class="portfolio-image"  id="animation"> <p class="portfolio-subhead-orange">animation & video</p> </div> <p class="portfolio-body">text goes here</p> </div> </div> </div> <script src='js/swipe.js'></script>  <script> var elem = document.getelementbyid('myswipe'); window.myswipe = swipe(elem, { startslide: 0, // auto: 3000, // continuous: true, // disablescroll: true, // stoppropagation: true, // callback: function(index, element) {}, // transitionend: function(index, element) {} }); </script> </body> </html> 

any appreciated, , apologize wasting time if made bone-head mistake.


Comments

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

jquery - Fancybox - apply a function to several elements -

An easy way to program an Android keyboard layout app -