The slider with a moving background is inserted into the slide of the top layer image with holes.

Images

We need 3 images: the top layer image with holes, and 2 background images.

Magento Total Slider - a slide with a moving background - top layer image with holes Magento Total Slider - a slide with a moving background - backgorund image Magento Total Slider - a slide with a moving background - backgorund image

Inner slider with a background

It is a simple Standard slider.

Magento Total Slider - standard slider with a moving background

It consists of two slides.

Magento Total Slider - standard slider with a moving background

Each slide is just a picture.

Magento Total Slider - standard slider with a moving background

Slide with the top layer image.

It is a HTML slide in the main Standard slider.

Magento Total Slider - Slide with the top layer image.

Slide type is HTML

Magento Total Slider - Slide with the top layer image.

The HTML code of the slide

CSS-styles. The "hole layer" (.slide_over) has absolute positioning and image background.

Go to contentsBack to previous page