次のように、タイトルとしてカスタム 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 枚程度の画像のギャラリーを最適な方法で作成するにはどうすればよいですか?