Image Viewer

Transform any image on your website into a clickable, full-screen experience

CMS Images Demo

What It Does

🔍

Automatic Detection

Automatically finds all images on your page and makes them clickable

Lightning Fast

Pure vanilla JavaScript with no dependencies - loads instantly

📱

Mobile Responsive

Works perfectly on all devices and screen sizes

🔄

Dynamic Content

Detects new images added by CMS or JavaScript

🛡️

Ad-Blocker Friendly

Uses generic class names that won't trigger ad blockers

🎨

Customizable

Easy to customize colors, sizes, and behavior

Live Demo

Click on any image below to see the full-screen viewer in action

Demo image 1

Single image

Demo image 2

Another image

Demo image 3

More images

Demo image 4

Grid layout

Article Content Demo

This simulates how the script works with CMS content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

CMS Page Demo

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Another article image

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Dynamic Content Test

Click the button below to add images dynamically and see how the script detects them:

About the Creator

Hi, I'm Zibon 👋

I'm a passionate designer and developer who loves creating tools that make the web better. This Image Viewer was built specifically for my Bangla blog to enhance the reading experience.

👨‍💻

Designer & Developer

Ready to Get Started?

Add this lightweight script to your website and transform your images instantly

View Installation Guide