Refactor Image Carousel to Improve Monument Photo Navigation

[navaneeth0041]

Enhancement Request: Image Carousel Refactoring

Current Behavior

The current implementation displays static images in the main area, and requires users to click on thumbnails to open a separate carousel view for image navigation. This creates an unnecessary extra step and disrupts the user experience.

Proposed Change

This issue proposes refactoring the existing image viewing functionality to provide a more streamlined experience:

• Move the carousel functionality directly to the main image area
• Allow users to navigate through images directly in the main view
• Maintain the thumbnail row for quick navigation between images
• Eliminate the separate carousel view that currently appears on thumbnail clicks
• Ensure proper synchronization between the main image display and selected thumbnail

Technical Approach

• Refactor the existing image display components
• Repurpose the current carousel implementation to function in the main area
• Update the thumbnail click handling to navigate within the main view rather than opening a separate view
• Maintain visual indication for the currently selected thumbnail
• Ensure responsive design is preserved

Expected Benefits

• Simplified user flow for viewing monument images
• Reduced UI clutter by eliminating redundant views
• More intuitive and direct interaction with monument photography
• Improved overall user experience

Dependencies

• No new dependencies required, will use existing project libraries

I'll implement this refactoring following the project's contributing guidelines.

WhatsApp.Video.2025-04-06.at.16.30.11.mp4

[shalusiingh94]

hey @navaneeth0041 , i understand your requirements very well, please assign it to me.