🖼️ JavaScript Dynamic Slider

🚀 A lightweight, responsive, and customizable slider built using HTML, CSS, and JavaScript.
It features smooth transitions, navigation controls, and auto-play functionality.

🌟 Features

✅ Fully Responsive – Adapts to different screen sizes 📱💻
✅ Smooth Transitions – Enhances user experience 🎞️
✅ Navigation Controls – Previous & next buttons for manual control ⏪⏩
✅ Auto-Play Mode – Automatically cycles through images 🔄
✅ Easy Customization – Modify styles, transition speed, and behavior 🎨

---

📸 Preview

🖥️ Desktop

📱 Mobile

The slider automatically adjusts to different screen sizes using CSS media queries.

---

📂 Project Structure

/javascript-dynamic-slider
│── /src/css/styles.css      # Styling for the slider  
│── /src/js/script.js        # JavaScript logic  
│── /src/images/             # Image assets  
│── index.html               # Main HTML file  
│── README.md                # Documentation  
│── favicon.ico              # Website icon  

---

🔧 Getting Started

1️⃣ Clone the repository:

git clone https://github.com/iqbolshoh/javascript-dynamic-slider.git
cd javascript-dynamic-slider

2️⃣ Open the index.html file in your browser:

open index.html

---

🖥 Technologies Used

📜 License

This project is open-source and available under the MIT License.

🤝 Contributing

🎯 Contributions are welcome! If you have suggestions or want to enhance the project, feel free to fork the repository and submit a pull request.

📬 Connect with Me

💬 I love meeting new people and discussing tech, business, and creative ideas. Let’s connect! You can reach me on these platforms: