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; 
}) 

это просто чтобы дать вам представление о том, и один из многих возможных решений указать более точное, чем вы можете получить лучший ответ