jquery - fancyboxでの矢印の配置

Question

タイトルがスライダーからクリックされたときにiframeにブログ投稿を表示するためにfancyboxを実行しています。矢印を使用したいのですが、矢印のデフォルトの位置は、（少なくともクロムでは）ボタンがブログ投稿のスクロールバーがユーザーがスクロールできないことを意味する領域をカバーすることを意味します。

オプションが見つかりませんが、矢印がファンシーボックスの左右にあり、ボックス自体に重ならないように矢印を再配置したいと思います。誰かが私を助けることができますか？

Answer 1

ホームページには便利なデモのコレクションが含まれています-http: //fancyapps.com/fancybox/#usefulあなたが探しているように見えます＃6- http://jsfiddle.net/fhpZ5/

Answer 2

CSSを使用して、矢印の位置を変更したり、好きな場所に配置したりできます。

fancybox cssファイル（jquery.fancybox-1.3.4.css）を開くと、145行目あたりに次のcssスタイルがあります。左右の位置をデフォルト（0）から矢印を表示したい位置に変更します。

/* Line 145 (ish) of the fancybox css sheet */
#fancybox-left {
    left: -50px; /* Default: 0 */
}

#fancybox-right {
    right: -50px; /* Default: 0 */
}

ボックスの-50pxすぐ外側に両方の矢印を引く必要があります。これを変更して、矢印を好きな場所に配置できます。

---

アップデート-V.2.0.3ファンシーボックススタイルシート。
V2バージョンでは、cssシートで以下を探し、それに応じて上記のように変更します。

/* Around line 117 in .css file */
.fancybox-prev {
    left: 0; /* Change to -50px */
}

.fancybox-next {
    right: 0; /* Change to -50px */
}