---

Image Carousel

Upload and Organize Images for Display: This application allows users to upload multiple images and arrange them in a preferred order. After the images are sorted, the application cycles through these organized images stored in a specific directory, presenting them in a sequential display for informational or decorative purposes.

Upload and sort images.

View the images in a carousel on a display.

---

Table of Contents

• Getting Started
• Resources
• License
• Credits

Getting Started

1. Clone the repository to your local machine.

2. Move the repository to your web server's root directory (such as XAMPP's htdocs folder).

3. Start your web server and navigate to the upload image interface in your web browser.

   ex. http://localhost/javascript-image_carousel/index.html

4. Click the Choose Files button to select the images you want to upload.

5. Rearrange the images in the order you want them to be displayed.

6. Click Save to upload the images to the server.

   • The images will be saved to the src/uploads directory.

7. Navigate to the full display.php web server address in your web browser.

   ex. http://localhost/javascript-image_carousel/src/php/display.php

8. The images will be displayed in the order you arranged them in the previous step.

9. Update the src/config/config.ini file to adjust the directory paths, image file extensions, and seconds the carousel flips through the images.

10. Utilize the src/images/upload_testing by selecting the image files to demo the application.

Note

This project is an extension of my PHP Display Solution project, which is a simple script that cycles through image files in a declared directory for informative displays. The Image Carousel project adds the ability to upload and organize images for display without having to manually edit the file names in their directory.

• See the Issues List for the enhancements needed for this application.
• I'll work on fixing the above in the future, but eel free to submit a pull request if you would like to contribute to this project and add the above features.

Resources

• JavaScript
• HTML
• CSS
• PHP
• jQuery
• XAMPP

License

This project is released under the terms of the MIT License, which permits use, modification, and distribution of the code, subject to the conditions outlined in the license.

• The MIT License provides certain freedoms while preserving rights of attribution to the original creators.
• For more details, see the LICENSE file in this repository. in this repository.

Credits

Author: Scott Grivner
Email: scott.grivner@gmail.com
Website: scottgrivner.dev
Reference: Main Branch

---