É possível recalcular a imagem `srcset` usada se a janela do navegador for redimensionada?
É possível obtersrcset
recalcular o tamanho da janela do navegador após o carregamento da página e, assim, atualizar a imagem em uso.
O motivo pelo qual você deseja fazer isso é porque, em uma área de trabalho, a janela do navegador é compactada, carrega um site e aumenta a janela do navegador, ele apenas aumenta o "small.jpg" (conforme definido nosrcset
) para que o usuário termine com uma imagem em pixels.
Comecei a criar um jsfiddle para mostrar o problema, mas ele não funciona bem, como eu achosrcset
é calculado pela janela do navegador, e não pela grade de resultados do jsfiddle.
Se você estiver interessado, pode copiar e colar abaixo disso em um espaço em brancohtml
arquivo e execute-o em um servidor local (deve estar em um servidor http: // local para que você possa visualizar a guia de depuração da rede para ver qual imagem o navegador carregou). Executando-o no navegador via URL do arquivo usandofile:///
não permitirá que você veja qual imagem é carregada na guia de depuração da rede.
<body>
<div class="wrapper">
<img
src="http://i.imgur.com/DoWeH0X.jpg?1"
srcset="http://i.imgur.com/QV9vace.jpg?1 1400w, http://i.imgur.com/ZqkR6Bk.jpg?1 800w, http://i.imgur.com/gltBZ06.jpg?1 300w"
alt="#"
>
</body>
</html>