Fancybox動態加載圖像和圖像數量

Question

我使用fancybox js和css使圖像滑塊。在那個滑塊中，我想動態地改變圖像的數量和src，但是我對此沒有任何想法。

代碼：

$("#fancybox-manual-c").click(function() { 
    alert("clicked"); 
    $.fancybox.open([ 
     { 
      href: 'http://fancyapps.com/fancybox/demo/1_b.jpg', 
      title: 'this image links to bbc news' 
     }, { 
      href: 'http://fancyapps.com/fancybox/demo/2_b.jpg', 
      title: 'this image links to jquery' 
     }, { 
      href: 'http://fancyapps.com/fancybox/demo/3_b.jpg', 
      title: 'this image links to fancybox' 
     } 
    ], { 
     nextEffect: 'fade', 
     prevEffect: 'fade', 
     loop: false, 
     mouseWheel: true, 
     openEffect: 'elastic', 
     closeEffect: 'elastic', 
     openOpacity: true, 
     closeOpacity: true, 
     cyclic: false 
    }); 
    return false; 
}); 

Answer 1

你用花哨的箱1.3或2？

1. 一般來說，首先很容易知道你的意思是動態的。您想更改圖像的事件？ i。即當用戶點擊某物或某些時間間隔時

2. 從哪裏獲得新的圖像集？通過ajax加載它們，或者它們已經嵌入到頁面的某個地方了嗎？

我有時會做這樣的：

<a class="mylink" href="#firstset">link</a> 
<a class="mylink" href="#secondset">link</a> 

    <div class="content" style="display:none"> 
     <div id="firstset"> 
     image... 
     </div> 
     <div id="secondset"> 
     image... 
     </div> 
    </div> 

    <script> 
    $(".mylink").click(function() { 
    var $content = $($(this).attr('href')).clone(); 

    $.fancybox({ 
     'titlePosition': 'inside', 'padding': '0', 'titleShow': false, 
     'content': $content, 
     'onComplete': function() { 
     init your slider 

     } 
    }); 
    return false; 
}) 

這只是給你一個想法，很多可能的解決方案 之一指定更精確的比你能得到一個更好的答案