2011-05-16 43 views
0

我想看看是否有可能創建類似於flipboard.com 登錄頁面的html頁面幻燈片。幻燈片與jquery fancybox和iframe

我可以在fancybox中使用iframe加載html頁面。

的頁面是:http://yshara.com/test.html

我的HTML/JavaScript的樣子:

<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> 

我想知道如果任何你的JavaScript專家可以幫我這一個。

  1. 的第一頁是google.com,但它跳到下一個,yahoo.com
  2. 我如何循環回到第一頁?

在此先感謝您的幫助。

回答

1

你不應該觸發.extLink類,因爲它觸發3次。嘗試$('.extLink:eq(0)').click()

+0

感謝thugsb,幫助。你有什麼想法如何循環鏈接? – truthSeekr 2011-05-16 21:21:14

+1

http://jquery.malsup.com/cycle/是網絡上最好的循環儀,但我不確定它如何與fancybox玩。事實上,我不確定你爲什麼使用fancybox - 它似乎不是你想要的。我建議只使用jQuery.cycle。您可以非常精確地控制循環效果(請參閱高級示例),並使用此循環插件,您可以執行一些非常酷的操作:http://jayis.net/thomas/cycle/ – thugsb 2011-05-17 15:49:43