jQuery循環+ Fancybox插件框架大小問題

我正在嘗試使用jQuery Cycle插件與Fancybox插件。幾乎所有的事情都在這一點上工作; fancybox打開，顯示內容，內容循環。我遇到的問題是容器不能自動調整大小以適應圖像。我的代碼有：jQuery循環+ Fancybox插件框架大小問題

<script type="text/javascript" src="/assets/scripts/jquery.cycle.lite.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("#launcher").fancybox({ 
     autoScale: true 
    }); 
}) 
$(function(){ 
    $('#slides').cycle({ 
    timeout: 8000, 
    speed:  1000, 
    pause: true, 
    containerResize: 1, 
    fit: 1 
    }); 
}); 
</script> 

    <div id="launcher"> 
     <div id="slides"> 
      <img src="/assets/images/VideoSlides/slide1.png"> 
      <img src="/assets/images/VideoSlides/slide2.png"> 
      <img src="/assets/images/VideoSlides/slide3.png"> 
     </div> 
    </div>

正如你所看到的，我已經嘗試添加各種屬性的功能，以迫使其自動調整，但他們沒有任何影響。設置div的樣式會相應地調整框架的大小，但我寧願沒有固定大小的框架。之前有人做過這樣的事情嗎？

來源

2012-11-02 Kurt

，則應該設置的jsfiddle能夠讓我們測試它 –

不叫「自動調整」而不是「自動定標」的選項？ – AndrewR

我試過「autoSize」和「autoResize」，但都沒有成功。烤，我正在一個jsfiddle。 – Kurt

我想沒有簡單的解決方案如何結合這兩個插件，以便fancyBox在Cycle更改下一張圖片之前調整大小。

但是，fancyBox2已經內置了幻燈片，爲什麼不用它呢？您可以在開始時使用「autoPlay」選項激活它，並使用「playSpeed」來改變速度。簡單的例子：

$("#launcher").click(function() { 

    $.fancybox.open($("#slides img"), { 
     autoPlay : true, 
     playSpeed : 2000, 
     prevEffect : 'fade', 
     nextEffect : 'fade' 
    }); 

    return false; 
});

見 - http://jsfiddle.net/3SQt4/

來源

2012-11-02 23:01:03 Janis

我會記住內置的幻燈片放映。真的，我使用Cycle插件的唯一原因是允許選擇騎自行車的非圖片。如果我能說服老闆堅持拍照，那麼我不明白爲什麼我不能使用你的建議。謝謝。 – Kurt

fancyBox實際上可以處理任何html內容 - http://jsfiddle.net/YZXcL/ – Janis

jQuery循環+ Fancybox插件框架大小問題

回答

相關問題