HTMLで画像をプレビューおよびサイズ変更する

ほとんど同じ投稿に触発された



この問題をかつてどのように解決したかを思い出しました。 私の方法は非常に似ていますが、いくつかの追加の利点があります...とマイナス）））



長所：

-画像は必要なときにのみ生成されます（つまり、不必要な画像を保存せず、画像を大量に読み込む場合にサーバーを読み込みません）

-PHPは初回のみ動作します（適切なサイズの画像がまだ存在しない場合）

-目的の画像の寸法は、テンプレートの側面にのみ表示されます。 おおよそHTML







私の技術の欠点の1つは、PHPコードで404番目のエラーを処理する必要があることです。



今要点：



サーバーに/images/u324/myfoto.jpgというファイルがあるとしましょう



デザインに応じて、必要なサイズに縮小された画像のバージョンを挿入する必要がある場所があります。 高さ150ピクセルと言う



画像をURLに接続するだけです：



/resize/h150/images/u324/myfoto.jpg



404番目のエラーのプロセッサは、それから何が欲しいかを理解し、指定されたアドレスに指定されたサイズの画像を作成し、それを返します。



したがって、次回のリクエストは、特に既存のサムネイルに移動します。 レイアウト設計者が突然150ピクセルではなく170ピクセルを望んだ場合-テンプレート内の接続された画像のURLのみが変更され、それ以外は何もしません（私はそれが最も好きでした）



高さ（h150）の減少に加えて、幅または最大側に沿って減少させることもでき、それぞれを伝達します。 hの代わりの文字。



それだけです））



私は自転車を発明しなかったことを願っています...