以下のコードを見ると、小さいサイズの画像を表示できます
<a href="images/image.jpg"><img src="images/image.jpg" width="300" height="214" border="0"></a>
しかし、hrefリンクに小さいサイズの画像も表示したい場合はどうすればよいですか。したがって、元のimage.jpgが1500x1200であり、リンクに800x600を表示するとします。
とにかくこのようなことをすることはありますか?
<a href="images/image.jpg" width="800" height="600"><img src="images/image.jpg" width="300" height="214" border="0"></a>
私が正しく理解していれば、href
タグの属性を使用して、a
のターゲットである画像のサイズを制御したいですか?
あなたはそれをすることはできません。 (リンクのソースからサイズを制御するための)最善の策は、クエリ文字列でサイズパラメーターを受け入れるサーバーサイドスクリプトを使用して画像を提供することです。お気に入り image.php?img=image.jpg&w=800&h=600
。
しかし、それはまったく別の質問であり、ここで詳細に説明することはできません。
もちろん、画像を特定のサイズに変更したい場合は、実際の画像のサイズを変更して、もう一度アップロードしてください:)
ここに面白い解決策があります:
<a href="javascript:document.getElementsByTagName('body')[0].innerHTML='<img src=images/image.jpg width=800 height=600>'"><img src="images/image.jpg" width="300" height="214" border="0"></a>
個人的にはお勧めしませんが、動作します。 :)
画像自体を開くので不可能です。
あなたにできることは、
<img src="URL" width="" height=""/>
のみを含む空のhtmlページにリンクし、サイズを適用します。
Nodejsのimage-resizerをチェックしてください。
リンクは次のとおりです: https://github.com/jimmynicol/image-resizer
または、最初の7500の画像変換に無料の階層アクセスを提供するcloudinarynodejs統合を使用できます