Skip to content

Carousel images #698

Description

@RishiAnand108

Description

Improve the image carousel displayed for events/groups so that images are shown more naturally and users can navigate through them easily.

Changes Required

  • Display as much of the uploaded image as reasonably fits within the available carousel area instead of aggressively cropping it.

  • Once the visible portion reaches the available display area, show an arrow/navigation control to indicate that additional content/images are available.

  • Support vertical/portrait images without breaking the layout or unnecessarily cropping them.

  • The carousel should handle different image aspect ratios gracefully, including:

    • Landscape images
    • Square images
    • Vertical/portrait images

Reference

Use the following design as visual inspiration for the carousel behavior:

[Magnific carousel reference](https://www.magnific.com/premium-vector/set-linkedin-carousel-post-social-media-instagram-carousel-post-editable-business-carousel_368114931.htm?utm_source=chatgpt.com)

Acceptance Criteria

  • Images are not unnecessarily cropped.
  • Vertical images are supported.
  • Carousel navigation arrows are displayed appropriately.
  • Different aspect ratios do not break the layout.
  • Carousel remains responsive on desktop and mobile.
Image

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions