LightGallery provides more complex image data functions than the default lightbox. The module supports a gallery-style thumbnail preview plus image resizing, a download dialog, sharing provider support, and more helpful.

Check what LightGallery can do this by the following example.

Important statements or topics can be placed, e.g., on top of an article or a paragraph, to give them better visibility. In one line, you can present many facts to know animated for the reader’s attention within a single line. No much space is needed!

Parallax text shows can be placed as banners on a page. For text shows, different animations are available. Internally, J1 Template uses some of the great CSS styles offered by animate.css.

Carousels are mostly used for pictures data to animate the images as a series. Find with the following some examples of how to use a carousel for your image data.

A simple image show is useful, for example, as an animated (or not animated) banner presenting exciting things about your site or the products offered.

Carousels are used for an exceptionally compact form of image galleries. This example shows some pictures having individual caption text and supports a lightbox to enlarge images full size. For the example below, an almost simple lightbox is used: Lightbox2; or short: lightbox.

The J1 module lightbox is a simple Lightbox but offers a bunch of impressive features for displaying images. For example, the lightbox can display all images (of a carousel) as a group. If one picture is opened in the lightbox, others are browsed by easy-to-use control buttons.

The build-in carousel supports multiple and single image shows. Here you find an example of a single image slide show with controls enabled to browse all images back and forth. An indicator below the slider shows how many images the show contains.

A Carousel from posts for J1 Template is a pre-defined carousel type to display post articles on a webpage. It is a popular way to showcase a selection of post articles visually appealingly and can be useful for highlighting important or featured content for your posts content.

Sliders and Carousels are focussing quite the same thing: presenting images dynamically. The features of Sliders go far beyond what simple carousels can do: presenting image-based data as slide shows.

Well-known Office Products to create presentations are Powerpoint from Microsoft or Google Docs. Modern sliders like Master Slider provide similar features to present animated presentations based on digital image data combined with text elements, buttons, or overlay techniques for images or other digital data sources.

In short: Carousels are used to present images, and sliders are used to create complex image-based presentations.

The following slider uses the (CSS) filter feature of Master Slider. Filters can be used, for example, to transform the style of the images presented by a slider. In this example, the slider images are transformed from style color to sepia.

One of the major features of sliders is to present additional animated elements, like text data, connected to the images presented by an slideshow. MS Slider additionally provides functions to combine images and text by so-called MSInfo blocks out-of-the-box.

To give the users better control over a slideshow, sliders provide complex UI elements like thumbs placed side-by-side (left|right), at the top, or at the bottom of a slideshow. Find two examples to control a slideshow by thumb images.

To give the users better control over a slideshow, MS Slider provides complex UI elements like thumbs placed side-by-side (left|right), at the top, or at the bottom of a slideshow.

The following slider presents a slideshow that combines an MSInfo element at the bottom and the MS Layout partialview. A slideshow typically presents a larger number of slides. The layout partialview accompanies the active slide by their neighbors on the left and the right.

If you’re interested to learn more about MS Slider, go for the following documents:

Bootstrap cards are a popular component of the Bootstrap front-end framework that provides a flexible and customizable way to display content on a website. Find an example below of how Bootstrap cards can be combined with the Masonry module for a fully responsive image grid.