Slider Composer

Add Slide - Jssor Slider Composer Help

Open /jssorservice/001-image-slider.slider/=edit.

Add Slide

1. Click Add Slide command, and then choose Image Slides menu item.


2. And then Select Image File in file browser dialog.


Slide Image

Image: [Optional]

Url of the main image of the slide. Please choose image from your workspace on jssor.com, or type an absolute image url which refers to any website.


Fill Mode: [Optional]

The way to fill background image of the slide, default value is the global Fill Mode setting.

Stretch: stretch main image to fill full area of slide.
Contain: scale main image and put it all inside at center of slide area.
Cover: scale main image and let it cover full area of slide.
Actual Size: keep original size of main image and put it at center of slide area.
Contain & Actual for Small Image: use Contain for large image and Actual Size for small image.


Opacity: [Optional]

Opacity of the image.


Gray: [Optional]

Gray scale of the image.


Slide Background

Color: [Optional]

Background color of the slide.
It is visible only if the main image is absent or transparent.


Gradient: [Optional]

Background gradient of the slide
It is visible only if the main image is absent or transparent.


Slide Link

Link Url: [Optional]

Link url of the slide.


Link Target: [Optional]

Specifies where to open the link, default value is _self.
Posible values are _blank, _self, _parent, _top or framename.


Slide Behavior

Idle: [Optional]

The period (in milliseconds) to idle before playing next slide, default value is the global Idle setting.

If a Break Point has been set for an individual slide, the life cycle of the slide will be controlled by Break Point, the Idle setting will be ignored.


Slide Thumbnail

Image (Thumbnail): [Optional]

Url of the thumbnail image of the slide.
It will generate thumbnail from main image of a slide by default. But this field can specify different thumbnail explicitely.
You can choose image file from your workpsace, or input an absolute image url which refers to any website.

This property is not available unless this slider is an image gallery, and an image style thumbnail navigator is used. See Thumbnail Navigator.