ファンシーボックス内の矢印の配置

Question

スライダからタイトルをクリックすると、iframe内のブログ投稿を表示するfancyboxが動作しています。私は矢印を使用したいと思いますが、矢印のデフォルトの配置は、ボタンがスクロールバーがブログ投稿のスクロールバーがユーザーがスクロールできないことを意味する領域をカバーしていることを意味します。

私は、ファンシーボックスの左右にあるように矢印の位置を変えたいと思いますが、このオプションを見つけることはできませんが、ボックス自体に重ねて表示されません。誰か助けてくれますか？

Answer 1

のホームページには、便利なデモのコレクションが含まれ - 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 */ 
}