PhotoSwipe は初めてで、画像に外部リンクを追加する方法について非常に混乱しています。
これは画像を読み込むために使用した .js ファイルですが、URL とキャプションしかありません。
instance = PhotoSwipe.attach(
[
{ url: 'img/picture1.jpg', caption: 'Image 001'},
{ url: 'img/picture2.jpg', caption: 'Image 002'},
{ url: 'img/picture3.jpg', caption: 'Image 003'},
{ url: 'img/picture4.jpg', caption: 'Image 004'},
{ url: 'img/picture5.jpg', caption: 'Image 005'},
],
{
target: window.document.querySelectorAll('#PhotoSwipeTarget')[0],
preventHide: true,
getImageSource: function(obj){
return obj.url;
},
getImageCaption: function(obj){
return obj.caption;
}
}
);
これをhtmlで行う以外に
<ul id="Gallery">
<li><a href="images/full/01.jpg"><img src="images/thumb/01.jpg" alt="Image 01" /></a></li>
</ul>
外部リンクで画像をハイパーリンクするために PhotoSwipe.attach 内にパラメータを追加する他の方法はありますか?