「 画像関連 」 一覧
-
-
ブラウザがWebP対応の場合はそのまま表示し、非対応の場合はjpg/png画像を表示させる方法
ページ表示時にブラウザがWebP画像に対応している場合はそのまま表示し、非対応の ...
-
-
PHPでダミー画像(プレースホルダー画像)を表示する「PHP-Dummy-Image-Generator」の利用方法
先日JavaScriptでダミー画像(プレースホルダー画像)を表示する「Hold ...
-
-
PHPで画像を分割し並べ替えて出力したものをJavaScriptで復元する方法
2024/08/29 PHP JavaScript 画像関連
ある電子書籍サイトをブラウザの開発者ツールで見てみたところ、PHPでページ画像を ...
-
-
MySQLとPHPの「image-comparator」ライブラリを使用して類似画像検索を実装する方法
先日PHPで画像を比較して類似度を算出する「image-comparator」ラ ...
-
-
PHPで画像を比較して類似度を算出する「image-comparator」ライブラリの利用方法
PHPで画像の類似度を計測したい。ただ、そのためのロジックが全く分からないためラ ...
-
-
JavaScriptで画像読み込み完了のタイミングを検知する「imagesLoaded」ライブラリの利用方法
2024/08/16 JavaScript ライブラリ 画像関連
大き目のサイズの画像をページに設置すると読み込み完了まで時間がかかる。その画像が ...
-
-
JavaScriptでダミー画像(プレースホルダー画像)を表示する「Holder.js」ライブラリの利用方法
2024/08/07 JavaScript 画像関連 ライブラリ
サイトの開発段階で「本番用の画像はまだ用意できていない」等の理由によりダミー画像 ...
-
-
バニラJS対応(jQuery非依存)の画像スライダー系プラグイン「Flickity」の利用方法
2024/07/21 JavaScript 画像関連
画像スライダーを設置する場合「slick」プラグインを利用することが多い。ただ、 ...
-
-
JSやjQueryで動的に追加した要素に対して「slick」でスライダーを実行する方法
2024/07/19 jQuery JavaScript 画像関連 slick
外部サーバからAjax等で画像URLを取得したものをimgタグとしてページ内に描 ...
-
-
バニラJS対応(jQuery非依存)の画像遅延読み込みライブラリ「lazysizes」の利用方法
2024/07/18 JavaScript 画像関連 ライブラリ
あるサイトのコーディングデータを貰った際に「lazysizes」というJavaS ...