3 Popular Methods to Display Images on Your Website

Posted on May 31, 2022 in Membee Complete

You can improve the experience for your website visitors by using images to visually draw attention while conveying pieces of your membership or events. Images can speak louder than words when used effectively, allowing your content to be more digestible and engaging! We’ll dive into three common methods that you can use to display a group of images on your website.

When visitors view your website, they’re more likely to skim through your content which heavily relies on headings, titles, and imagery. Using images can keep them engaged and a reason to dive deeper into your website.

With Membee Complete, there are 3 most common methods that you can use to display a group of images on your site:

Media Slider
Image Carousel
Image Gallery

Media Slider

A media slider is perfect to focus on one image at a time but still highlight many images on your website.

For example, an image of a landscape for a landscaper association.

The media slider includes the ability to:

Display images and videos
Can automatically cycle through the images or display a navigation arrow
Easily drag and drop to reorder the images

^{(click image to enlarge)}

Image Carousel

An image carousel is perfect to showcase multiple images at a glance.

For example, you can use the image carousel to display sponsors’ logos on your website.

The image carousel includes the ability to:

Display images
Display multiple columns of images at once
Automatically cycle through the images or display a navigation arrow
Easily drag and drop to reorder the images

^{(click image to enlarge)}

Image Gallery

An image gallery is perfect to showcase all images in a beautiful and professional manner.

For example, you can display images from an event.

The image gallery includes the ability to:

Upload Images
Easily drag and drop to reorder the images
There are three layout options:
- Masonry layout where images displayed with different widths and heights one after the other inline
- Fixed Grid layout for a strict set of image dimensions
- Automatic Grid layout that automatically sizes images

Masonry Layout
^{(click image to enlarge)}