Je me demandais comment changer la source de plusieurs images lorsque l'utilisateur change la taille de la fenêtre du navigateur ou utilise un IPAD?Comment changer le src ou plusieurs images lorsque la taille de la fenêtre devient petite
Vous pouvez le faire avec CSS pur, en utilisant CSS media queries. Au lieu d'utiliser <img> éléments pour vos images, si vous utilisez des images de fond sur certains éléments de bloc, vous pouvez facilement échanger leurs dimensions et images d'arrière-plan en ajoutant/supprimant des classes (en fonction des requêtes média - et donc de la zone client disponible). .
Eh bien, si l'utilisateur redimensionne le navigateur, les images sont déjà chargées, il n'est donc pas nécessaire de charger une version plus petite. Si elles utilisent un périphérique plus petit, par exemple ipad ou iphone, vous pouvez le détecter et rediriger vers une page différente où les images ont la taille correcte pour ce périphérique, par exemple ipad.exemple.com, m.exemple.com, etc.
Vous faites cela avec les requêtes média css3. Consultez cet article sur smashing magazine