2011-07-05 10 views
4

を私のwebsiteに入れて、ファンシーボックス内に表示する画像がいくつかあります。すべて正常に動作しますが、今はウェブサイトの要件は、写真のフルスクリーンモードを使用することです。フルスクリーンでは、ファンシーボックスの一番下にボタンを追加したいと思っています。現在の画像(ファンシーボックス画像)をフルスクリーンモードで表示する必要があります。フルスクリーンのファンシーボックス+フルスクリーンオプション

例:http://buildinternet.com/project/supersized/slideshow/3.2/demo.html

しかし、私はまだフルスクリーンモードの前にfancyboxを必要とするので、この例では、私の状況に合うdoes notの。

誰かが共有するコードがありますか、またはその統合btw jQuery FancyboxといくつかのフルスクリーンAPIを使用できる良いライブラリがありますか? おかげ

+0

何もありません! –

+0

"...画像をフルスクリーンで表示する!" - どういう意味ですか?画像のサイズが画面よりも小さく、画面より大きく、画像の割合と画面の比率が同じでない場合の動作を説明してください。 – silex

+0

小さな画像はありません。私は大きなサイズのすべての画像を持っています! –

答えて

5

次の手順は、あなたが探しているものでしょう:Adding custom buttons to jQuery's fancybox

  1. はFancyboxにカスタムボタンを追加する方法については、以下のURLを参照してください。それは少しの努力を要するが、うまくいく。
  2. 最初にFancyboxを表示するときは、カスタムボタンをフックしてフルスクリーンモードを起動します。 Supersized plug-inを使用します。
  3. Supersized画像を表示するために使用されるdivはページで非表示になり、フルスクリーンを起動するとSupersize divが表示されます。
  4. は、特大サイズのdivに「閉じる」ボタンを追加し、それを行います

上記の手順をクリックしたときのdivを非表示にします。 FancyboxとSupersizedの両方に必要なカスタマイズがありますが、目的の効果を達成することができます。

+0

ありがとう!それは完全に動作します!歓声 –

+0

今日、この最初のリンクの手順はjquery.fancybox-1.3.1に合わせて調整されています。バージョン2.1.5以上の場合、これはあなたには当てはまりません。 –