简体   繁体   English

带有jquery fancybox和iframe的幻灯片

[英]slideshow with jquery fancybox and iframe

I am trying to see if it is possible to create slideshow of html pages similar to flipboard.com landing page. 我正在尝试查看是否可以创建类似于flipboard.com登陆页面的html页面的幻灯片显示。

I am able to load the html page using iframe in fancybox. 我可以在fancybox中使用iframe加载html页面。

The page is at: http://yshara.com/test.html 该页面位于:http: //yshara.com/test.html

My html/javascript looks like: 我的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>

I was wondering if any of you javascript experts can help me with this one. 我想知道是否有任何JavaScript专家可以帮助我解决这一问题。

  1. The first page is google.com, but it skips it to the next one, yahoo.com 第一页是google.com,但它跳到了下一页yahoo.com。
  2. How do I cycle back to the first page? 如何循环回到首页?

Thanks in advance for your help. 在此先感谢您的帮助。

You shouldn't be triggering the .extLink class, as it's triggering 3 times. 您不应该触发.extLink类,因为它会触发3次。 Try $('.extLink:eq(0)').click() 尝试$('.extLink:eq(0)').click()

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM