https://notes.melancholic.tech/en/categories/image-rendering/Recent content in Image-Rendering on Меланхоличный теоритический блогHugoen-USTue, 16 Jan 2024 22:30:00 +0800https://notes.melancholic.tech/en/posts/image-rendering-test/Tue, 16 Jan 2024 22:30:00 +0800https://notes.melancholic.tech/en/posts/image-rendering-test/<h1 id="image-rendering-test">Image Rendering Test</h1> <p>The Demo comes from <a href="https://www.lightgalleryjs.com/demos/thumbnails/"target="_blank" class="inline-flex items-center gap-1" >LightGallery<svg class="h-3 w-3 flex-shrink-0" id="external-link" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a> All images are from <a href="https://unsplash.com/"target="_blank" class="inline-flex items-center gap-1" >Unsplash<svg class="h-3 w-3 flex-shrink-0" id="external-link" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a></p> <h2 id="single-image">Single Image</h2> <p> <figure class="image-figure not-prose my-8" data-lightbox-enabled="true" data-gallery-type="auto"> <div class="image-container"> <img src="https://notes.melancholic.tech/en/posts/image-rendering-test/bundle.avif" alt="https://unsplash.com/@danielleone)" title="Photo by - Daniel Leone" loading="lazy" decoding="async" data-gallery-src="https://notes.melancholic.tech/en/posts/image-rendering-test/bundle.avif" data-gallery-alt="https://unsplash.com/@danielleone)" data-gallery-title="Photo by - Daniel Leone" /></div> <figcaption class="image-caption"> Photo by - Daniel Leone </figcaption></figure></p>