Waterwheel Carousel Dialog

Waterwheel Carousel Dialog

List of selected images

1. List of selected images
Show a list of selected images for the carousel. The top one will be shown in the middle. These images should be of the same size.

Add... button

2. Add... button
Open the Select Images Dialog to add images into this effect.

Properties... button

3. Properties... button
Add image properties such as a link to the selected image. So when this image is shown under the rotation effects, clicking on it will jump to the selected link.

Remove button

4. Remove button
Remove the selected image from the list.

Remove All button

5. Remove All button
Remove all the images from the list.

Up button

6. Up button
Move the selected image up.

Down button

7. Down button
Move the selected image down.

Copy button

8. Copy button
Copy the selected images of this carousel to clipboard so that they can be used in other image sliders by pasting.

Paste button

9. Paste button
Paste the selected images from the clipboard which are copied from other image sliders.

Flanking Items

10. Flanking Items
Set the number of items that appears on each side of the center. If the value is 1, it means that there is one image on both side of the center. So you will need to select at least 3 images for this carousel to work.


11. Autoplay
Set the time to wait before starting rotation automatically. Set it to zero to disable the auto starting.


12. Speed
Set the rotation speed of the images.


13. Separation
Set the distance between images after the center one in percentage.

Separation Multiplier

14. Separation Multiplier
The multiplier for the distance between images on levels below the center one. It is relative to the Separation above.

Size Multiplier

15. Size Multiplier
The multiplier to calculate the size of the images on levels below the center one.

Use responsive images

16. Use responsive images
Use responsive images for this carousel. A set of smaller images using the sizes specified in the Preference will be created from the selected images. Browsers will select the appropriate ones for loading according to the width of the browser window. For example, if the page is loaded in a mobile device with screen with 320px, the set of images with width 320px will be loaded instead of the original ones so that the page will be loaded more faster on that device.