PhotoSwipeでテキストリンクで画像拡大したい

Question

###前提・実現したいこと
lightbox系のプラグインPhotoSwipeについての質問です。

サムネイルをクリックすると画像が拡大されますが、これをテキストリンクのクリックで画像が出るようにしたいです。
（サムネイルによるクリックは問題なく正常にできています）

実際にPhotoSwipeを設置したページです→http://web-box.jp/arai/index.html

###該当のソースコード

http://web-box.jp/arai/photoswipe.html（photoswipe.jsのコード）
http://web-box.jp/arai/photoswipe-ui-default.html（photoswipe-ui-defaultのコード）
http://web-box.jp/arai/ps.html（ps.jsのコード/公式サイトhttp://photoswipe.com/documentation/getting-started.htmlからコピペしたもの）

###試したこと
リンクをクリックしたら〜としたいので上記を始めとするすべてのThumbnailsをlinkに変更してみましたが、サムネイルクリックが生きている状態です。
根本的に見当違いのようですが、他にどこを変更すればいいのか分かりません。

###補足情報(言語/FW/ツール等のバージョンなど)
他にCSSファイルがあります。
http://web-box.jp/arai/dist/photoswipe.css
http://web-box.jp/arai/dist/skin/skin.css

よろしくお願いします。

Comments

[kei344]

「サムネイルクリックが生きている状態」でないほうが良い、という事でしょうか。また、書かれている状況が再現するコード（HTML/CSS/jsなど）か、再現するURLを提示されたほうが回答を得やすいと思います。あと、質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[araE]

お返事ありがとうございます。テキストリンククリックが有効になるのならサムネイルクリックは生きていても大丈夫です。両立は不可能と思っていたのと、使わないコードなら消したほうが分かりやすいんじゃないかと思っただけですので。質問のコード見づらくてすみませんでした。URLはローカルで作業しているので手頃なレンタルサーバーを探してみます。準備ができましたらまた書き込みます。

[kei344]

再現については https://codepen.io/ や https://jsfiddle.net/ といったサービスもあるので、それを利用されている方もいます。

[araE]

ご紹介いただいたURLですが、使い方が分からなかったので適当なレンタルスペースにて公開させていただきました。せっかく教えてくださったのにすみません・・・

Answer 1

テキストリンクと対応する画像を .goTo( /*番号*/ ); で指定してみては？

var pswp = new PhotoSwipe( /* ... */ );
pswp.init();
pswp.goTo( 1 );

【PhotoSwipe API】
http://photoswipe.com/documentation/api.html

---

追記：

注：現在のコードを少し変更するレベルで、テキストリンクのみで動かすという場合は上記のものは使えません。

Comments

[araE]

すみません、これはどのファイルのことなのでしょうか？

[kei344]

JavaScriptに慣れておられないのでしょうか。その場合このライブラリ自体があまりお勧めではありません。公式にも下記のように書かれているので、元々ハードルが高いライブラリだと思います。
> PhotoSwipe is not a simple jQuery plugin, at least basic JavaScript knowledge is required to install.

代替できるライブラリも良いものが思いつかないのですが、lightGallery（ http://sachinchoolur.github.io/lightGallery/ ）とか･･･。ただこれもテキストから開くには $lg.data('lightGallery').slide(2); のようなコードを書く必要があります。 （ http://sachinchoolur.github.io/lightGallery/docs/api.html#methods ） また lightGallery は jQuery プラグインなので、宗教上(?)の理由で使えない方もおられますね･･･。

[araE]

そうですか・・・始めはlightboxを設置していたのですがPCとスマホでの見え方の両立がうまくいかず、色々と試した結果PhotoSwipeが一番思った通りの動きをしてくれたので使い続けたかったのですが・・・残念です。ここまでお付き合いくださりありがとうございました。