Skip to content

KiraCode/image-carousel-level2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🖼️ Level-2: Image Popup Viewer

This is an enhanced version of the Image Slider Web App. Users can now click on any image in the slider to view a larger version in a pop-up (modal) window. The viewer also includes an automatic carousel functionality for a smoother user experience.

🎯 Features

  • 🔍 Click on any image to view it in an enlarged pop-up viewer
  • ❌ "Close" button at the top right of the modal to exit the view
  • 🔄 Automatic image carousel powered by JavaScript
  • 💻 Responsive layout across all screen sizes
  • ✨ Clean, styled modal overlay for a better user experience

🚀 Live Demo

Live Demo

🛠️ Technologies Used

  • HTML5
  • CSS3
  • Vanilla JavaScript

📁 Project Structure

image-popup-viewer/
│
├── index.html                # Main HTML file
├── css/
│   └── style.css             # Styling for slider and modal
├── js/
│   └── script.js             # Logic for slider and pop-up
└── images/
    ├── image1.jpg
    ├── image2.jpg
    └── ...

📄 License

MIT License

Copyright (c) 2025 Tejas

Open source under the License: MIT

About

Enhanced image slider with popup viewer and auto carousel using HTML, CSS, and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors