1

複数の画像のギャラリーを含む Web サイトを作成しています。これらの画像は基本的に表紙の役割を果たします。クリックすると、そのアイテム内の画像のスライドショーのみを含むライトボックスを開くために Magnific Popup を使用したいと思います (ギャラリー アイテム 1 からギャラリー アイテム 2 などには移動しません...)。 Swiper プラグインを使用してスライドショーをセットアップしましたが、これをポップアップ ウィンドウで開きたいと思います。ポップアップで HTML コンテンツを開くことができることは知っていますが、スライドショー全体を含む div についてはどうでしょうか? それは論理的に思えますが、私はそれを機能させることができません。

4

3 に答える 3

0
  $('.open-popup-link').magnificPopup({
    type: 'ajax',
    callbacks: {
     parseAjax: function(mfpResponse) {
     mfpResponse.data = $(mfpResponse.data).find('#sliderContainer');
    },
    ajaxContentAdded: function() {
       $("#owl-demo").owlCarousel({

      navigation : true,
      nav : true, // Show next and prev buttons
      slideSpeed : 600,
      paginationSpeed : 700,
      singleItem:true,


      // "singleItem:true" is a shortcut for:
       items : 1, 
      // itemsDesktop : false,
      // itemsDesktopSmall : false,
      // itemsTablet: false,
      // itemsMobile : false

  });

     }

}

});
于 2015-07-22T05:00:42.550 に答える