2017-12-20 10 views
0

私は進行中の写真撮影のサイトでFancyboxを使用しています。これは私が働いているページです:http://www.marybethmeehan.com/wordpress/portfolio/city-of-champions-project/Fancybox 1つのギャラリーが複数のボタンで開かれています

それはかなりうまくいきますが、私は自分のギャラリーに重複しています。開発者のドキュメントはかなり良いですが、何らかの理由で私はこれを設定する方法を理解できません。私はそれがかなり簡単だと確信しています。

ページには1つのギャラリーを開く3つの方法があります。

  • 画像の数をクリックして「35枚の画像」
  • または「親指」をクリックして、そこ
から任意の画像をクリックしておすすめ画像(バンド制服の少女)
  • をクリックします

    注目画像または画像数をクリックすると、ギャラリーの最初の画像が完成しますが、画像は実際に複製されます。あなたがそこに進むと、ギャラリーの画像番号2と同じ画像が再び表示されます。

    これはギャラリーを開始するのに同じアンカーを2回使用したためです。ファンシーボックスは私が思っていることをやっているのです。 616.downtown-from-above.jpgのソースを検索すると3回表示されます。

    私の簡単な質問は、ギャラリーの内容を複製せずに、どのスライドからでもギャラリーを開始するにはどうすればいいですか?私はそれらの2つの場所からギャラリーを開始し、サムネイル表示で誰かがどこからでも立ち上げることができるようにする必要があります。私は何か非常に基本的なことを理解していないと確信しています。

  • 答えて

    1

    "カウントリンク"のカスタムクリックイベントを作成し、最初の(または他の)イメージリンクのクリックイベントをトリガする必要があります。このような何か(カウントリンクからdata-fancyboxを削除することを忘れないでください):

    jQuery('.project__gallery-wrapper__count a').on('click', function() { 
        jQuery('[data-fancybox="mbm-gallery"]').first().trigger('click'); 
        return false; 
    }); 
    

    をところで、あなたは同様に、この例に、サムネイル一覧を表示するfancyBoxを使用することができます - https://fancyapps.com/fancybox/3/#ajax

    +0

    ああ...そう、私は一種のです」この方法でfancybox自体をクリックすることを偽ってしまいます。そんなことは意味をなさない。私は 'fancybox()。open()'メソッドを使用する方法があるかもしれませんが、それをインスタンスに渡す方法を理解できませんでした。ありがとうございます。 –

    +1

    「フェイク」をクリックすると完全にうまくいくテクニックです。実際には、あなたの質問は、今後のfancyBoxのアップデートに新しい機能を追加するよう促しました。ここの最後の例 - https://codepen.io/fancyapps/full/VyLOJX/(次のリリースを待つか、codepenからソースコードを取得します:)) – Janis

    +0

    さて、それは素晴らしいです。素晴らしいプラグインをありがとう。本当にうまく動作します。私はクライアントが望むものにすぐにオーバーレイがどのように機能するかを再スタイルするつもりです。付属のCSSで簡単に作ったようです。 –

    関連する問題