コメント

• 記事読ませて頂きました
  ソース解説が１から４まであるようですが、phpのソースの全体像が掴めませんでした。
  画像ギャラリーに手をつけるのは久方ぶりなので色々調べないといけないのですが、全ソースを教えていただけると助かります。
  phpのthumbnailギャラリーの作り方はネット検索すれば似たようなのが出てきますが、これも何かのご縁だと思い、こちらのサイトのソースをベースに開発できないかと思い、コメントにて質問させて頂きました。

  私もCMSを使ってまして、そこで使用されている画像系プラグインが古くて乗せ替えようとしているのですが、プラグインにはいまいちなものだけしかなくて、他をあたっているところです。

  • 紅いもさん

    コメントありがとうございます。たしかに全体像が掴めない記事になっています。
    まさか参考にして頂ける日が来るとは思わず放置してしまっておりました。

    全体のソースは以下のZIPファイルを展開してご確認下さい。
    webfontsというディレクトリ以下は Font Awesome 5 Free という Web フォントが入りますが、CDN から読み込んでもいいです。
    source.zip (27.8kB)

    また、ファイルのリストは表示するたびに取得していますが多くのアクセスが想定される場合はキャッシュを作成しておく方が良いと思います。
    file_list.php は以下のような Javascript 用の変数と配列を返します。

    var gallery_list=[{
    	'path'     : './2019/zoo/SNY06065-4.jpg', 
    	'date'     : '2019:03:12 13:27:24', 
    	'lens'     : 'FE 85mm F1.8', 
    	'focal'    : '85', 
    	'aperture' : 'f/1.8', 
    	'shutter'  : '1/800', 
    	'ISO'      : '100', 
    	'camera'   : 'SONY ILCE-6300', 
    	'EV'       : '±0.0', 
    	'mode'     : 'M-mode',
    	'rotate'   :  0,
    	'color'    : ''
    }, 
    {
    	'path'     : './2019/zoo/SNY06062-4.jpg', 
    	'date'     : '2019:03:12 13:27:22', 
    	'lens'     : 'FE 85mm F1.8', 
    	'focal'    : '85', 
    	'aperture' : 'f/1.8', 
    	'shutter'  : '1/800', 
    	'ISO'      : '100', 
    	'camera'   : 'SONY ILCE-6300', 
    	'EV'       : '±0.0', 
    	'mode'     : 'M-mode',
    	'rotate'   :  0,
    	'color'    : ''
    },
    {
    ・・・
    }
    ];
    

    ファイルを FTP などでまとめてアップロード・削除できるようにこのような取得方法としていますが、CMS のようにブラウザ上からアップロードするという場合はアップロードの際にリストを更新するような仕組みにするとリスト作成の負担が大きく下がりますので用途に応じてご検討下さい。

    • ありがとうございます。
      phpはindex.html内で使用していて記事で説明している２つだけだったのですね。
      あと詳しいアドバイスもありがとうございます。
      まずは試してみます。

    • ローカルで簡単なテストをしましたが、使えそうです。
      getImagesList()にjpgしか入ってなかったので修正してcreate_thumbnail.phpで扱っている拡張子に合わせました。
      あと、__loading()に余分な処理が生じているらしく修正の余地があるようですが、最終的にアウトプットされるものは問題を含んでいないようなので各ブラウザで問題なく動くようならこのまま使おうかと思います。
      本番用に実装してみます。