Html img размеры приписываются с: target - PullRequest
Новая
       18

Html img размеры приписываются с: target

0 голосов
/ 20 марта 2019

Мне нужно изменить размер изображения по цели URL.Это просто с CSS.

img{
    width: 100px;
}

img:target {
    width: 300px;
}

html 

<img id="image"
     sizes="100px"
     srcset="https://via.placeholder.com/100.png 100w, https://via.placeholder.com/300.png 300w">

Но я также хочу загрузить более качественное изображение из srcset.Поэтому я хочу использовать источник 100px, когда изображение не является целью, и источник 300px, когда image является целью.

И вот мой вопрос.Как я могу это сделать?Мне нужно что-то вроде sizes="(:target) 300px, 100px".Есть ли чистый CSS + HTML-решение для этого?

Я готовлю образец на codepen https://codepen.io/martindybal/pen/oVaZYJ?editors=1100

...