📓
Transition Slider jQuery
  • Welcome
  • Getting started
    • Slider Project Setup
  • Slider Options
    • General
    • Size
    • Autoplay
    • Video
    • Navigation
    • Wheel Navigation
    • Pagination
    • Thumbnails
    • Hash Navigation
    • Loading
    • Lightbox
  • Slide Options
    • Slide parameters
    • Transitions
  • Layer Options
    • Layer parameters
    • Element parameters
  • Special notes
    • Running things locally
Powered by GitBook
On this page

Was this helpful?

  1. Slide Options

Slide parameters

You can use/change following options in the slider setup method. For example:

<script>
    jQuery(document).ready(function($) {
        $("#slider-wrapper").transitionSlider({
            slides: [
                {
                    src: "assets/1.mp4",
                    transitionEffect: "roll",
                    brightness: "fade",
                    easing:"fast",
                    transitionDuration: 2000,
                    distance: "long",
                },
                {
                    src: "../assets/images/2.jpg"
                }
            ]
        );
    });
</script>

Parameter

Type

Default

Description

src

string

Path in the slide specifies the slider background image or video.

url

string

Put URL parameter if you want to make full slide link.

urlTarget

string

Open full slide link in new tab (value: "blank") or in same tab (value: "self").

thumbSrc

string

When the Thumbnails option is enabled here you can put a URL parameter next to the assembly that will be displayed as a slide thumbnail.

autoplay

number

3000

If the main autoplay option is ON with this option you can set a different autoplay timer for each individual slide.

PreviousLightboxNextTransitions

Last updated 3 years ago

Was this helpful?