サポート » 使い方全般 » photoswipeが動かない

  • 解決済 samidare

    (@micoshiva)


    現在ギャラリーサイト作成中で、photswipeの導入を試みています。
    必要なソースはすべて入れたはずなのですが、wp上でまったく動きません。もう1日はまってます。。
    試しにwpでない自サーバーに一式アップして動作を確認したところ、表示崩れを起こしながらですが一応スライダーやlarge-sizeの画像、ギャラリーを閉じるアイコンなどが表示されました。ですが、アイコンはクリックしても動きません。
    自サーバーとwpで導入した際の挙動が違うため、こちらの原因も気になっています。
    wp上ではサムネイルをクリックしてもギャラリーが表示されません。

    アップロードしたファイルは、

    <br />
    <link rel="stylesheet" href="photoswipe.css"><br />
    <link rel="stylesheet" href="default-skin/default-skin.css"><br />
    <script src="photoswipe.min.js"></script><br />
    <script src="photoswipe-ui-default.min.js"></script><br />

    と、下記jsファイルなのですが、こちらを直書きにしたり、読み込みファイルに変更しても表示が変わるようなので、どちらも試しながらやっています。。初心者的観点なので、真意は定かではありません汗

    <script src="fire-photoswipe-normal.js"></script>

    このファイルの中身は、こちらになります。

    また、上記ファイルを直書きする際のjsの書き方も合っているか不安です。
    テンプレートとしては

    <br />
    <script type="text/javascript"><br />
        (function() {<br />
             'ファイルと同一内容'<br />
        })();<br />
    </script><br />

    で合っておりますでしょうか?
    js/cssはひとまずheader.phpに挿入しています。
    (footer.phpでも試しました)

    あとはのソースはコンテナ用のhtml、サムネイル部分のhtmlを固定ページに入れています。

    プラグインのphotoswipeですが、見栄えのカスタマイズ方法がいまいちわからず、、
    キャプションも入れたり結構がっつりデザインを入れたいので、手動での導入方法を考えていました。プラグインでもそれが可能ならそっちの方がいいのかも、迷っています。

    似たような事象をご存知の方いらっしゃいましたら、何卒ご教授いただければと思います。
    よろしくお願いいたします。

    • このトピックはgatespaceが7年、 7ヶ月前に変更しました。
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • 私は使ったことはありませんが、photoswipeはプラグインがあるんですけど
    https://ja.wordpress.org/plugins/photo-swipe/

    ところで、なぜ改行箇所に<br />タグ入れるんですか?

    トピック投稿者 samidare

    (@micoshiva)

    こちら、jsはなんとか動きましたが今度は表示崩れが起きてしまっていたので、また別でトピックを立てさせていただきます。

    プラグインではやりたい部分までのカスタマイズが難しいため、手動での導入を検討しています。改行はフォーラム投稿に慣れていないもので、、

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「photoswipeが動かない」には新たに返信することはできません。