2011-05-16 2 views
0

J'essaie de voir s'il est possible de créer un diaporama de pages html similaires à flipboard.com page d'atterrissage.diaporama avec jquery fancybox et iframe

Je suis capable de charger la page html en utilisant iframe dans fancybox.

La page est à l'adresse: http://yshara.com/test.html

Mon html/javascript ressemble:

<body onload="$('.extLink').trigger('click');"> 
    <div class="container"> 
    <div id="nextslide"> 
    <a class="extLink" href="http://google.com">Search the world with different sites.</a>  
     <a class="extLink" href="http://yahoo.com">Next</a> 
     <a class="extLink" href="http://Bing.com">Next</a>   
</div>  
    </div> 
</body> 

Je me demandais si l'un de vous des experts javascript peut me aider avec celui-ci.

  1. La première page est google.com, mais il passe à la suivante, yahoo.com
  2. Comment puis-je revenir à la cycle de première page?

Merci d'avance pour votre aide.

Répondre

1

Vous ne devez pas déclencher la classe .extLink car elle est déclenchée 3 fois. Essayez $('.extLink:eq(0)').click()

+0

Merci Thugsb, cela m'a aidé. Avez-vous une idée de comment faire un cycle des liens? – truthSeekr

+1

http://jquery.malsup.com/cycle/ est le meilleur cycleur sur le web, même si je ne sais pas comment il va jouer avec fancybox. En fait, je ne suis pas vraiment sûr de la raison pour laquelle vous utilisez le fancybox - il ne semble pas être ce que vous voulez. Je recommande d'utiliser jQuery.cycle exclusivement. Vous pouvez contrôler les effets du cycle très précisément (voir les exemples avancés), et avec ce plugin de cycle, vous pouvez faire des trucs vraiment cool: http://jayis.net/thomas/cycle/ – thugsb