0

次のように、タイトルとしてカスタム HTML を入力します。

$(".fancybox").fancybox({
  padding: 0,
  title: '<a href="http://www.google.com">Hello</a>'
});

...しかし、画像のギャラリーも必要です。

各ギャラリーで上記の同じコードを使用する必要があるため、両方を使用できるとは思いませんが、一意のタイトルごとに上記のコードを個別に実装する必要があります。これは可能ですか?

また、すべて同じギャラリーにあり、すべてカスタム タイトル コンテンツを含む 20 個の画像を設定するより良い方法はありますか。現時点では、次のコードを使用してそれぞれを個別に指定する必要があると思います。

$("#fancybox-number-1").fancybox({
  padding: 0,
  title: 'custom-title-1'
});

(...しかし、もちろんギャラリーは機能しません。機能したとしても、これを20回指定するのは悪い習慣に思えます。)

カスタム タイトルを指定し、20 枚程度の画像のギャラリーを最適な方法で作成するにはどうすればよいですか?

4

0 に答える 0