Support Ukraine πŸ‡ΊπŸ‡¦ Help Provide Humanitarian Aid to Ukraine.

magni-image-inplace


npm GitHub
Shoe image

Photo by Irene Kredenets on Unsplash

Example with <img> tag:

<magni-image-inplace>
  <img src="./img/shoe.jpg" alt="Shoe photo" >
</magni-image-inplace>

Photos by eniko kis on Unsplash

Example with <picture> tag:

<magni-image-inplace>
  <picture>
    <source srcset="./img/dishes.jpg" media="(min-width: 1900px)">
    <source srcset="./img/candy.jpg" media="(min-width: 1600px)">
    <img src="./img/polaroid.jpg" >
  </picture>
</magni-image-inplace>