2013-05-09 3 views
5

私はFancyBox 2.1.4とjQueryを使用しています。FancyBox 2.1.4/jQuery - サムネイルを1つ使用してフォトギャラリーにリンクすることはできますか?

複数の写真で構成されたFancyBoxフォトギャラリー全体を指し示すサムネイルをHTMLページに1つだけ表示することはできますか?

そのサムネイルをクリックすると、表示できる既存のHTMLページ上にFancyBoxフォトギャラリーが表示されます。

デフォルトでは、1つのHTMLページにすべてのサムネイルが必要です。それから1つをクリックするとそのページが開き、左または右をクリックして他の写真を表示できます。

これの背後にある私のロジック:HTMLページには情報があります。私は1つのサムネイルを置いて「コンプレックスのフォトギャラリー」と呼んでいるので、誰かがそのサムネイルをクリックすると、すべての写真とともにFancyBoxフォトギャラリーのスライドショーを起動します。任意の助け

おかげで、

ラインハルト。

+0

私は、より多くのビットの周りに盗聴した後、「ヒント」の下FancyBoxのウェブサイト(http://fancyapps.com/fancybox/#useful)でこれにしてギャラリーを開始する 2つのメソッドを2つの答えを見つけました唯一のプレビュー画像: 1.方法1 - 他の画像 2.方法2を非表示にする - オープンfancyBox手動 (しかし、他のよりよいまたはより簡単な方法でも歓迎されている) おかげで、 ラインハルト – RayMysterio

+0

あなたがいる場合jQueryの新機能ですが、メソッドよりも簡単なメソッドが見つかるとは思いませんが、fあなたは簡単にPHPやjQueryのあなたの方法をindし、あなたはあなたのhtmlで(隠された)ギャラリーを動的に生成するか、ajaxを介してギャラリーの内容を引き出すことができます。 – JFK

答えて

14

私はパーティーに2ヶ月遅れていることは知っていますが、同様の状況がありましたが、FancyBoxのウェブサイトの例が役立っていますが、画像へのリンクをすべて含むようにするのは少し実用的ではありませんそれらを非表示にします(重いページの読み込みに注意してください)。

私はいくつか微調整を行い、本当に必要なのは<a>タグで、relという属性があることに気付きました。私は例を整理し、すべてのものに同じrel属性を追加するjsを削除し、別のギャラリーを追加してどのように動作するかを示します。http://jsfiddle.net/uZCC6/3005/

これは他の誰にも役立ちます。

関連する問題