Skip to content

fattahniz/image-gallery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎨 Horizontal Scroll Image Gallery

A simple, stylish horizontal scroll image gallery made using HTML, CSS, and JavaScript. Scroll through images using the mouse wheel or with left/right navigation buttons. Built as part of a daily UI project to enhance frontend skills.

🚀 Features

  • Horizontal scrolling with mouse wheel
  • Smooth left/right navigation with buttons
  • Fully responsive layout
  • Extendable design for product showcases, portfolios, or galleries

🛠️ Tech Stack

Frontend: HTML, CSS, JavaScript (ES6+)

Deployment: Vercel

Installation

  1. Clone the repo
   git clone https://github.com/fattahniz/horizontal-scroll-gallery.git
cd image-gallery
  1. Run locally Open index.html directly in your browser or use a Live Server extension in VS Code.

📂 Project Structure

project/
│── index.html
│── style.css
│── main.js
│── images/
│── README.md

🤝 Contributing

Fork the repo

  1. Create a new branch (feature/my-feature)
  2. Commit changes
  3. Push branch and create a Pull Request

📄 License

This project is licensed under the MIT License – see the LICENSE file for details.

About

Horizontal Scroll Image Gallery – A sleek and responsive image gallery built with HTML, CSS, and JavaScript. Features smooth horizontal scrolling, intuitive navigation buttons, and a fully responsive layout, making it ideal for showcasing portfolios, product images, or photography collections.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors