Lightbox Functionality:
Users can filter, sort, and manually arrange files within the lightbox.
Files can be selected and ordered manually, allowing for greater control over the gallery's final display.
Sorting options will include default orders like date or name, with additional manual sorting for custom arrangements.
Thumbnail Sizing:
Use high-resolution images (800x800 or larger) for thumbnails in the gallery, allowing for dynamic resizing while maintaining quality.
URL Simplification:
The URLs for both galleries and carousels have been simplified, using a single prefix (/view/) and unique identifiers to differentiate between them, making the system more flexible for future updates.
Next Steps:
Sorting functionality is being finalized, and once completed, the system will support both default and manual sorting.
The deployment process for the new features was also discussed, with plans to implement changes by Friday, or whenever the remaining tasks are wrapped up
Gallery vs. Carousel Rendering Issues:
Problem: The gallery renders well but the carousel shows extra space on the top and bottom when embedded directly (no iframe).
Action: Fix this by setting a maximum height in the CSS for the carousel container.
Fixed Dimensions Problem:
Concern: Fixed dimensions for the carousel work on desktop but not on mobile, causing a non-responsive design.
Solution: Ensure the carousel remains responsive, avoiding fixed dimensions that break on mobile.
Iframe Use:
Previous Approach: Earlier versions used iframes for rendering, which worked without spacing issues.
Current Approach: No iframes are used, and the gallery renders well, but extra spacing issues arise with the carousel.
Mobile Responsiveness:
Problem: Fixed dimensions break mobile responsiveness.
Action: Explore a solution for maintaining responsive designs across all devices.
Caching and CDN Discussion:
CDN Usage: Currently, images are served directly from the server. No CDN is in use.
Recommendation: Consider implementing a CDN or a geolocated server setup to improve image load times, especially for international users.
Monitoring: Traffic and usage will be monitored over the next few months to decide on further CDN implementation.
Action Items: CSS Fixes for Carousel:
Action: Apply responsive CSS to prevent extra spacing on carousel. Add max height limits and test on different devices.
Thumbnail Rendition Fix:
Action: Fix thumbnail scaling issue to avoid blurriness, especially for the first impression.
Testing for Mobile:
Action: Test the carousel and gallery on mobile devices and desktops for responsiveness and any visual glitches.
Infrastructure Review:
Action: Monitor traffic and access logs to determine the need for CDN or server changes.
Comments