2012-09-04 42 views
1

如果滑塊僅包含一張幻燈片(image),則無法看到div(.caption),而如果滑塊包含多張幻燈片,則會爲每張幻燈片看到正確的div(.caption)。帶有一張幻燈片的循環插件標題

是否有替代after屬性?

非常感謝您的幫助!

下面是代碼:

<div id="slideshow"> 
    <div> 
     <img src="images/slide1.jpg" width="500" height="500" /> 
    </div> 
</div> 


$('#slideshow') 
    .after('<div id="products-nav">') 
    .cycle({ 
     fx:  'fade', 
     speed: 2000, 
     timeout: 0, 
     next: '#next', 
     prev: '#prev', 
     pager: '#products-nav', 
     after:function(curr,next,opts) { 
      var index=opts.currSlide; 
      $('#caption .caption:visible').fadeOut(); 
      $('#caption .caption').eq(index).fadeIn(); 
      tooltip(); 
     } 
    }); 

回答

0

添加選項slideExpr: 'IMG'(或 '格')來強制循環明白什麼是幻燈片。 目前,您沒有多張幻燈片的列表,因此無法自動確定幻燈片的內容!

這裏的幻燈片演示:http://jquery.malsup.com/cycle/slideExpr.html

+0

我找不到解決方案。 :( 標題不被看到,因爲它是在屬性後,但無法找到一個循環。 – spark87

相關問題