データ帰属の初期化されたファンシーボックスに応答して、ファンシーボックスに矢印を追加

Question

私は非常にクールなファンシーボックス3を使用します。私のクライアントを悩ます唯一の事は、反応しやすいバージョンのボックススワイプして次の写真に移動します。

は今、私はあなたが後負荷およびコンテンツをそのように追加することができますfancyboxドキュメントページに参​​照してください。

afterLoad : function(instance, current) { 
    if (instance.group.length > 1 && current.$content) { 
     current.$content.append('<div class="swipeto">Swipe to change pictures</div>'); 
    } 

をしかし、私はJavaScriptでintialized fancyboxを利用するが、直接HTML属性を経由しません。 fancyboxに何かを追加するにはどうすればいいですか？

Answer 1

私はコントロールを表示するために、fancyboxのCSSファイルに変更を加え、それをこのように解決したときに応答上：

@media (max-width: 800px){ 

.fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { 
    display: inline-block!important; 
} 

Answer 2

は、次のことができ、例えば、編集のデフォルト設定は：

$.fancybox.defaults.afterLoad = function(instance, current) { 
    if (instance.group.length > 1 && current.$content) { 
     current.$content.append('<div class="swipeto">Swipe to change pictures</div>'); 
    }; 
};