script
jQueryのライブラリ「PrettyPhoto」をjQuery3xに対応させる
作成日: 2024年6月16日
スマホの時代にこうしたライトビュー系のものを使うことはない・・・あまりないが、使えという案件がありjQueryのバージョンが新しいと動かないので3xで動くようにする方法。
※prettyphotoのバージョンはlatestの3.1.6とする。
- jquery-migrate-1.2.1.min.js～jquery-migrate-3.3.2.min.jsを読み込ませる。jquery3xなどに対応していないこれで最近のコードでは対応しないものへと変わる。
- jquery.prettyPhoto.jsを修正する。設定ありきのものだが、モーダルありでその内ならレイアウトの崩れるpp_leftなどを見せないようにCSS修正また、古い仕様のままのSNS関連のアイコンなどを表示させないようにする。
scriptのコード内にhttp://がありこれが不整合としてエラーがでるので消し込む。これはFacebookなどのいいねアイコン/ボタンが用意されているがその画像パスがhttpであることと、今時サイトの画像に対するいいねも無いので消し込むのがベスト。表示したいが不整合は許容したくないなら画像パスを//から始まる形にすればよい（かも、やってないが外部のなにかライブラリをhttpsで読む場合は大概こうする）。