Websites By Rick Logo

Image Gallery Widgets


This page shows a variety of Image Gallery widgets. The purpose of this page is to allow my clients to see what types of widgets are available and what they look like. The images I used in these examples are mostly my photos of Bear Butte. Instead of these images, imagine images you want on your websites - maybe images of your products, your staff, or your processes.



Standard Image Slider

  • Responsive (will automatically adjust to display properly on all screen sizes).
  • This example has ten images.
  • The display of image thumbnails can be configured.
  • The background color can be configured. This example has a light blue background.
  • Each image may have a caption. Caption text can be configured (e.g., font, color, location, etc.).
  • The slide show can be configured. This example has been configured to start automatically. You can also configure the transition type (e.g., slide, fade, pulse, etc.), transition speed, and image display duration.
  • This example has been configured to enlarge the image when clicked.

Advanced Image Gallery

This widget is very flexible and can be configured in many ways. For example, it can display not only images but also video and text. This widget has many options for item display as well as slide show functionality.

  • This widget is responsive, but it still may have some issues displaying properly on all screen sizes.
  • The background color can be configured. This example has a grey background.
  • The first example shows a gallery of four pizza videos.
  • The second example shows a gallery with a combination of images and text.

Bear Butte is a geological formation and a sacred site for many Native American tribes, located near Sturgis, South Dakota.It's a lone mountain rising dramatically from the surrounding plains, offering stunning views and a sense of spiritual significance.

Despite its name, Bear Butte is not a classic "butte" (a flat-topped hill with steep sides). It's actually a laccolith, formed by magma pushing up beneath the Earth's surface.

Bear Butte is situated just northeast of the Black Hills mountain range.

The summit of Bear Butte reaches an elevation of 4,426 feet (1,349 meters) above sea level, and it rises about 1,253 feet (382 meters) above the surrounding plains.

Bear Butte holds immense spiritual and cultural significance for the Lakota people, who call it Mato Paha, meaning "Bear Mountain."

The Lakota see Bear Butte as a sacred bear that watches over the plains.

It's a place where they can connect with the Great Spirit, Wakan Tanka.


Responsive Auto Gallery

  • Responsive (will automatically adjust to display properly on all screen sizes).
  • This example has ten images.
  • Each image may have a caption.
  • The widget can be configured to display a simple slideshow when an image is clicked.
  • The background color can be configured.

Responsive Image Gallery

  • Responsive (will automatically adjust to display properly on all screen sizes).
  • This example has ten images.
  • Each image may have a caption.
  • The number of images per row, size, and layout of images can be configured.
  • The widget can be configured to display a slideshow when an image is clicked.
  • The background color can be configured.
  • The slideshow has several features that can be configured (e.g., image display duration, transition type, transition speed, navigation arrows, display of thumbnails, download button, social share button, etc.).
  • Optionally, each image can have two versions - a small thumbnail version and a large, high-resolution version. The thumbnail version is displayed in the grid. The high-resolution version is displayed upon image click.

Responsive Pro Gallery

  • Responsive (will automatically adjust to display properly on all screen sizes).
  • This example has ten images.
  • Each image may have a caption.
  • The number of images per row, size, and layout of images can be configured.
  • The widget can be configured to display a slideshow when an image is clicked.
  • The background color can be configured.
  • The slideshow has several features that can be configured (e.g., image display duration, transition type, transition speed, navigation arrows, display of thumbnails, download button, social share button, etc.).
  • Optionally, each image can have two versions - a small thumbnail version and a large, high-resolution version. The thumbnail version is displayed in the grid. The high-resolution version is displayed upon image click.

3D Image Gallery

  • Responsive (will automatically adjust to display properly on all screen sizes).
  • This example has ten images.
  • The display of image thumbnails can be configured.
  • The background color can be configured. This example has a light green background.
  • Each image may have a caption. Caption text can be configured (e.g., font, color, location, etc.).

Bear Butte in Summer

Bear Butte in Winter

Bear Butte and Cattle

Bear Butte with Fog

Bear Butte and Snow

Bear Butte and Thunderstorm

Bear Butte and Milkweed

Bear Butte from Tractor

Bear Butte at Sunset

Bear Butte with Northern Lights


Flex Image Gallery

  • Responsive (will automatically adjust to display properly on all screen sizes).
  • This example has ten images.
  • The background color can be configured.

Hover Zoom Image Gallery

  • Responsive (will automatically adjust to display properly on all screen sizes).
  • This example has ten images.
  • The background color can be configured.
  • Image sizes (normal and hover) can be configured.
  • Image spacing, number of columns, and border can be configured.

Image Gallery with Captions

  • Responsive (will automatically adjust to display properly on all screen sizes).
  • The background color can be configured.
  • This example has ten images.
  • Each image may have a caption. The captions appear upon hover.
  • The number of images per row and the size of images can be configured.
  • The widget can be configured to display a slideshow when an image is clicked.
  • The slideshow has several features that can be configured (e.g., image display duration, transition type, transition speed, navigation arrows, display of thumbnails, download button, social share button, etc.).

Card Slider

  • Responsive (will automatically adjust to display properly on all screen sizes).
  • The background color can be configured.
  • This example has ten images.
  • Each image may have a caption.

Bear Butte in Summer

Bear Butte in Winter

Bear Butte and Cattle

Bear Butte with Fog

Bear Butte and Snow

Bear Butte and Thunderstorm

Bear Butte and Milkweed

Bear Butte from Tractor

Bear Butte at Sunset

Bear Butte with Northern Lights


Coverflow Slider

  • Responsive (will automatically adjust to display properly on all screen sizes).
  • The background color can be configured.
  • This example has ten images.
  • The image animations can be configured (e.g., duration, stretch, depth, rotation, etc.).

Flippable Gallery

  • Responsive (will automatically adjust to display properly on all screen sizes).
  • The background color can be configured.
  • This example has six images.
  • Each image “flips” upon hover.
  • The front side of each card contains an image and optional text - great for displaying a product image and name.
  • The back side of each card contains text and an optional button link - great for displaying a product description and link to even more info.

Michelle and Zeus

Our Saint Bernard, Zeus, was a gentle giant, weighing in at about 145 pounds.

Click Me

Puppies!

Our three Livestock Guardian Dogs (LGDs), when they were puppies.

Aphrodite, Athena, and Dionysus.

Click Me

Zeus and the LGD pups.

Zeus was a good mentor.

Click Me

Dionysus

Full-grown Dionysus, patrolling the farm.

Click Me

Athena and Aphroditie

The LGDs love going for a swim in the stock dam on hot days.

Click Me

Dionysus and Bear Butte

Dionysus, contemplating the spirituality of Bear Butte.

Click Me

Responsive Random Gallery

  • Responsive (will automatically adjust to display properly on all screen sizes).
  • The background color can be configured.
  • This example has ten images.
  • Each image may have a caption.
  • The widget can be configured to display a simple slideshow when an image is clicked.
Bear Butte in SummerBear Butte in WinterBear Butte and CattleBear Butte with FogBear Butte and SnowBear Butte and ThunderstormBear Butte and MilkweedBear Butte from TractorBear Butte at SunsetBear Butte with Northern Lights