Une balise HTML img peut-elle avoir plusieurs attributs src?

Peu comme la façon dont la balise vidéo peuvent présenter de multiples source d'attributs pour une vidéo mp4 peuvent revenir à une vidéo ogg, je voudrais obtenir une image svg, pour revenir à une image png.

source d'informationauteur Jason Christa | 2010-04-12

  1. 5

    Il y a un post ici qui pourraient vous aider: Image de secours et de délai de Contenu Externe. Javascript

    Il offre quelques options javascript.

    À l'aide d'une image d'arrière-plan fonctionne bien, mais vous devez savoir ce que les dimensions de vos images. Si vous ne connaissez pas, alors il peut être délicat.

  2. 6

    Non, il ne le peut pas.

    Cependant, vous pouvez faux à l'aide de CSS, images d'arrière-plan.

    Pour éviter l'affichage d'une image brisée glyphe, vous pourriez voulez pas utiliser un <img> balise à tous et au lieu d'utiliser deux éléments imbriqués avec différentes images de fond. (Notez que cela nuirait à l'accessibilité)

  3. 4

    Au moment de la question, il n'était pas possible. Mais maintenant, il est OK pour faire comme ceci:

    ​<picture>
    <source srcset="mdn-logo.svg" type="image/svg+xml">
    <img src="mdn-logo.png" alt="MDN">
</picture>

    Voir docs sur MDN

  4. 2

    Suffit d'inclure le svg comme <object> et mettre <img> à l'intérieur d'elle.

    <object data='image.svg'>
    <img src='image.png'>
</object>

    Qui devrait fonctionner. L'image png apparaît uniquement lorsqu'il est impossible d'afficher du svg.

  5. 1

    Si ce n'est probablement pas ce que tu voulais, il vaut la peine de mentionner que vous pouvez spécifier différentes résolutions d'écrans retina:

    <img src="image-src.png" srcset="image-1x.png 1x, image-2x.png 2x,
                                 image-3x.png 3x, image-4x.png 4x">
  6. 0

    Réponse Simple... Pas de.