Image Gallery: Filtering Examples

Filter by File Type

JPG Images OnlyOctober 1, 2025

View Code

<VpvImageGallery
    headerTitle="JPG Images Only"
    headerDate="2025-10-01"
    :folders="['/gallery/nature']"
    :include-extensions="['jpg']"
/>

No JPGs GalleryOctober 1, 2025

View Code

<VpvImageGallery
    headerTitle="No JPGs Gallery"
    headerDate="2025-10-01"
    :folders="['/gallery/nature']"
    :exclude-extensions="['jpg']"
/>

Select Specific Images

Select Specific ImagesOctober 1, 2025

View Code

<VpvImageGallery
    headerTitle="Select Specific Images"
    headerDate="2025-10-01"
    :images="[
        '/gallery/nature/bernhard-oTBY78rZcEU-unsplash.jpg',
        '/gallery/urban/arturs-kipsts-p0AtyWl6Sf4-unsplash.jpg'
    ]"
/>

Using force-sort to place the warm images first

Nature Images, with warm images firstOctober 1, 2025

View Code

<VpvImageGallery
    headerTitle="Nature Images, with warm images first"
    headerDate="2025-10-01"
    :folders="['/gallery/nature']"
    :force-sort="[
        '/gallery/nature/kristaps-ungurs-Tl_P1oW69HE-unsplash.jpg',
        '/gallery/nature/ingmar-1lXWi3blBmI-unsplash.jpg',
        '/gallery/nature/evgeni-tcherkasski-4I12DYcs0tc-unsplash.jpg',
        '/gallery/nature/gaelle-marcel-w_xwPUPvncA-unsplash.jpg'
    ]"
/>

Credits

Nature Images

• Photo by Ingmar on Unsplash
• Photo by Evgeni Tcherkasski on Unsplash
• Photo by Bobby on Unsplash
• Photo by Kristaps Ungurs on Unsplash
• Photo by Bernhard on Unsplash
• Photo by Filip Kvasnak on Unsplash
• Photo by Gaelle Marcel on Unsplash

Urban Images

• Photo by Artūrs Ķipsts on Unsplash
• Photo by Rob Potter on Unsplash
• Photo by Liobell Liu on Unsplash
• Photo by Hin Bong Yeung on Unsplash
• Photo by Ryan Loughlin on Unsplash