A dynamic image gallery manager with progress tracking and visibility controls! 🚀
- Dynamic image listing from specified directory
- Support for multiple image formats (jpg, jpeg, png, gif, bmp, webp)
- Intuitive checkbox-based selection system
- Real-time progress tracking
- Dynamic percentage calculation
- Clear count display (checked/total)
- Toggle visibility of checked images
- Quick reset via URL parameter
- Persistent state management
// PHP Configuration Section
$image_directory = './checkimage'; // 📁 Image storage directory
$allowed_extensions = [ // 🖼️ Supported formats
'jpg', 'jpeg', 'png',
'gif', 'bmp', 'webp'
];
$font_size = "30px"; // 📝 Text size- Clone the repository
- Create
checkimagedirectory - Add your images to the directory
- Navigate to:
http://localhost/index.php
- 👁️ Toggle Visibility: Use checkbox to show/hide checked images
- 🔄 Reset All: Visit
index.php?reset=true
- Directory scanning system
- File format validation
- Reset state management
- Progress calculation
- Visibility toggle management
- LocalStorage state persistence
<!-- Bootstrap 5 Integration -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>-
Default View
- Grid layout display
- Progress tracking
- Visibility controls
-
Reset View
- Clean state
- Fresh start interface
This project is licensed under the MIT License - see the LICENSE file for details.
⭐ Star this repository if you find it helpful!
📝 Feel free to contribute or report issues.