PhotoSwipe Simplify
PhotoSwipe.js simplify by the VanillaJS.
参考メモ

本家サイト：⇒　photoswipe.com

解説サイト：⇒　標準的な使い方（設定がやや面倒）

解説サイト：⇒　簡単な設定で使えるスクリプト（photoswipe-simplify.js）

解説サイト：⇒　ガチガチだったのでカスタム

解説サイト：⇒　リンクタグなしで・・

  //photoswipe.custum.jsに保存した（設定上書き？？？）
//137行目からの143行目を以下のように修正
//これだとリンクなしオンリーになるので、両方対応できるようにしたい！
    linkEl = targetEl.children[0];
    // size = linkEl.getAttribute('data-size').split('x');
    item = {
      // src: linkEl.getAttribute('href'),
      // w: parseInt(size[0], 10),
      // h: parseInt(size[1], 10)
      src: linkEl.getAttribute('src'),
      w: linkEl.naturalWidth,
      h: linkEl.naturalHeight
    };

photoswipe-simplify.min.jsで実行

※cssフォルダに、defalut-skin.css、default-skin.png、default-skin.svgを入れとくこと

※//photoswipeSimplify.init();の２重実行は、１回起動後に画面ロックされるので注意！


//photoswipe-simplify.min.jsによるphotoswipeの実行
photoswipeSimplify.init();

//Movabeltyoeでいちいちブロックに実行コマンドつけるのめんどくさいので
//photoswipe-simplify.min.js　の最後に、photoswipeSimplify.init(); を加えておく。





//親要素にデータ属性 data-pswp　を付与するだけ





//子要素 data-caption="This is dummy caption"
//data-pswp-index="0" グループ化するとき