滑塊革命和fancybox -3

您好我嘗試從插件滑塊革命實現FancyBox 3在旋轉木馬。下一個代碼與FancyBox 2很好地工作，但與fancyBox 3箭頭不起作用。我想知道是否有人有解決辦法。滑塊革命和fancybox -3

鏈接：https://www.themepunch.com/faq/using-fancybox-with-slider-revolution/

代碼，在FancyBox2工作得很好，但沒有顯示箭頭fancyBox3

/* change revapi1 to whatever API name is being used for your slider */ 
var api = revapi1; 

/* no need to edit below unless you want to change the default FancyBox settings */ 
api.on('revolution.slide.onloaded', function() { 

    jQuery(this).find('.fancybox').each(function() { 

     var $this = jQuery(this); 
     if(!$this.is('a')) $this = $this.removeClass('fancybox').find('a'); 

     $this.addClass('fancybox').attr('rel', 'gallery').fancybox({ 

      /* begin FancyBox options */ 
      width: 'auto',    
      height: 'auto', 
      autoSize: true, 
      aspectRatio: true, 
      fitToView: true, 
      autoCenter: true, 
      scrolling: 'no', 
      onClosed: function() {api.revresume()} 

     }).on('click', function() {api.revpause()}); 

    }); 
});

來源

2017-07-27 Pipe

的fancybox V3採用data-fancybox屬性的，而不是分組的rel。

所以，更換

.attr('rel', 'gallery')

與

.attr('data-fancybox', 'gallery')

簡單的演示 - https://codepen.io/anon/pen/JyYryd?editors=1010

順便說一句，V3沒有你正在使用這些選項和afterClose回調使用的onClosed

代替

來源

2017-07-28 07:35:27 Janis

嗨問題不是fancybox3。我有的問題是與插件滑塊革命的整合。 FancyBox2工作正常，但不是3.我在這個頁面上有一個例子http://www.viajaydescubre.com/fancybox3/請你看一看。謝謝 – Pipe

看起來像這個滑塊只是沒有優化，很好地與lightbox類型的腳本。也許考慮替代方案 - https://codepen.io/fancyapps/pen/eWVyVg和https://codepen.io/fancyapps/pen/gWvorB – Janis

滑塊革命和fancybox -3

回答

相關問題