javascript - アンカータグで参照される画像のサイズの変更

Question

アンカータグで参照される画像のサイズを変更できるかどうか知りたいです。メディアクエリを使用していますが、デバイスの幅が481pxを下回ったら、a-tagをクリックしたときに表示される画像を元の画像よりも一定のサイズ小さくしたいです...画像はjqueryライトボックス関数で飛び出します..。。

<a href"/images/originalImage.jpg">Image 1</a>

サイズをどのように変更しoriginalImage.jpgますか？CSSまたはJSのいずれかで...CSSが望ましい。

Answer 1

私は2つの解決策を考えることができます：

1. JavaScript:href画面サイズに応じてアンカータグの属性を変えるだけ。
2. CSS: 2 つの異なる画像を持つ 2 つのアンカー タグを持ち、メディア クエリに応じて一度に 1 つを表示/非表示にします。