Built a plugin-grade DataviewJS image gallery with carousels, regex search, continuous keyboard viewing, and direct anchor jumps back to notes!

Built a plugin-grade DataviewJS image gallery with carousels, regex search, continuous keyboard viewing, and direct anchor jumps back to notes!

Hi Obsidian community! :waving_hand:

I wanted a feature-rich way to browse images in my vault, so I developed :beach_with_umbrella: DataView Image Gallery v1.5—a DataviewJS script that provides a plugin-grade gallery experience without installing additional community plugins.

Instead of just dumping images into a simple grid, this script parses your notes and groups headings and images into interactive “cards,” bringing an app-like browsing experience directly into your Reading View!


:sparkles: Key Features

  • :sushi: Continuous Binge-Watching Lightbox: Click any image for a full-screen view. Use / to navigate seamlessly across images and automatically cross over into adjacent cards/headings! Use Ctrl + ←/→ (Cmd on Mac) to skip cards entirely.
  • :framed_picture: Multi-Image Album Support: Placing multiple images under a single heading automatically generates a smooth carousel slider with dot indicators (up to 10 images per block).
  • :link: Direct Anchor Links: Clicking a card title (heading) instantly jumps you to the exact section/heading in the original source note.
  • :tropical_drink: Rich Control Bar: Dynamically adjust columns (1–10), sorting (name/created/modified), switch target folders, and toggle H2–H6 heading levels on the fly.
  • :magic_wand: Smart Regex Filter: Filter cards with Regular Expressions (e.g., 2026-0[7-9]) with a one-click toggle for “Include / Exclude” modes.
  • :brick: Universal Parsing & Theme-Native: Supports WikiLinks (![[...]]), Markdown, and HTML <img src> tags. Fully adapts to light/dark themes and works seamlessly inside Obsidian POP-OUT (multi-window) views.

:puzzle_piece: How to Use (dv.view Supported)

  1. Download dataview-image-gallery v1.5.js and dataview-image-gallery v1.5.md from the release.
  2. Place both files in your target folder.
  3. Simply open dataview-image-gallery v1.5.md in Reading View—it turns your notes into an interactive gallery!
    (You can also easily customize initial settings like columns or folders via Frontmatter).

:file_folder: GitHub Repository & Full README:

(Requires the Dataview plugin with “Enable JavaScript Queries” turned ON)

:star: If you find this useful, I’d really appreciate a Star on GitHub! Let me know what you think or if you have any feedback! :tada:

### :paw_prints: Screenshots