1
0
mirror of https://github.com/danbee/my-images synced 2025-03-04 08:49:05 +00:00
my-images/app/views/images/_image.html.erb
2018-08-26 20:18:16 -04:00

18 lines
974 B
Plaintext

<picture>
<source srcset="<%= image_thumb(@image.image, "2000x2000").url %>"
media="(min-width: 960px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 960px) and (min-resolution: 192dpi)">
<source srcset="<%= image_thumb(@image.image, "1000x1000").url %>"
media="(min-width: 960px)">
<source srcset="<%= image_thumb(@image.image, "1400x1400").url %>"
media="(min-width: 640px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 640px) and (min-resolution: 192dpi)">
<source srcset="<%= image_thumb(@image.image, "700x700").url %>"
media="(min-width: 640px)">
<source srcset="<%= image_thumb(@image.image, "960x960").url %>"
media="(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi)">
<source srcset="<%= image_thumb(@image.image, "480x480").url %>">
<img src="<%= image_thumb(@image.image, "480x480").url %>" itemprop="image">
</picture>