ファンシーボックスキャプションの場所

私はFancyboxを理解するのに深刻な問題を抱えています。私は私の最初の質問は、私はファンシーボックス3を使用していると仮定し、それは以前のバージョンのすべての機能を持っていると仮定？ファンシーボックスキャプションの場所

私が達成しようとしているのは、デフォルトではなくキャプションの位置を単に内側に変更することです。私はこれは多分あなたを助けることができる、デフォルト

2017-12-08 Kevin P.

申し訳ありませんが、これはv3では実装されていません。コールバックを使用してイメージ領域内にキャプションを追加することもできますが、ユーザーが画像をクリックしてフルサイズに拡大するときの外観をイメージしてみてください。それは変だ。 – Janis

それはちょっと怒っていますが、それは非常に細かいことだと思います。 –

を使用しています

<!DOCTYPE HTML> 
<head> 
<link rel="stylesheet" href="styles.css"> 
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css"> 
</head> 
<body> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script src="fancybox/jquery.fancybox.js"></script> 
</body> 

<footer> 
<section class="socialmedia"> 
     <a class="sm" href="images/snapcode.png" data-fancybox data-caption="Snapchat"><img src="images/snapchat.png"></a> 
</footer> 
</html>

...「内部の」、それは絶対に何も変わりません：私はtitlepositionを取得するために非常に多くの異なるJSのオプションを試してみました。

$('[data-fancybox]').fancybox({ protect: true, afterShow: function() { var imageWidth = $(".fancybox-slide--current .fancybox-image-wrap").width(); $(".fancybox-caption").css("width", imageWidth); } });

出典

2018-02-05 15:24:06

ファンシーボックスキャプションの場所

答えて

関連する問題