Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Example of image gallery
<section class="images">
<a href="/image/a">
<picture>
<source srcset="/thumbnail/a.webp" type="image/webp"/>
<source srcset="/thumbnail/a.jpg" type="image/jpeg"/>
<img alt="" src="/thumbnail/a.jpg"/>
</picture>
</a>
<a href="/image/b">
<picture>
<source srcset="/thumbnail/b.webp" type="image/webp"/>
<source srcset="/thumbnail/b.jpg" type="image/jpeg"/>
<img alt="" src="/thumbnail/b.jpg"/>
</picture>
</a>
<a href="/image/c">
<picture>
<source srcset="/thumbnail/c.webp" type="image/webp"/>
<source srcset="/thumbnail/c.jpg" type="image/jpeg"/>
<img alt="" src="/thumbnail/c.jpg"/>
</picture>
</a>
<a href="/image/d">
<picture>
<source srcset="/thumbnail/d.webp" type="image/webp"/>
<source srcset="/thumbnail/d.jpg" type="image/jpeg"/>
<img alt="" src="/thumbnail/d.jpg"/>
</picture>
</a>
<a href="/image/e">
<picture>
<source srcset="/thumbnail/e.webp" type="image/webp"/>
<source srcset="/thumbnail/e.jpg" type="image/jpeg"/>
<img alt="" src="/thumbnail/e.jpg"/>
</picture>
</a>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment