Image Carousel


Display multiple images without taking up too much space with the Image Carousel Design Element. Use a number of images to draw attention to your content and engage your audience.








Image Carousel Options Demos


Default View


 

With Title And Description



With Tooltip



Max Images to Show


4 Items In The Row



5 Items In The Row



Autoplay




Loop Speed


Fast Speed

Medium Speed

Slow Speed


Hover Style


Outer Shadow



grayscale



Text Color



Text Size



Horizontal Alignment



Show Border



Border Color



Background Color With Transparency



Custom Height


450px Height



Custom Width


50% Width



Options Description

Max Images to Show – by default it will show three images per slide. You can change it from here
Autoplay – should slides change automatically  
Loop Speed – how fast should the Slideshow wait before moving to next page:
  • Slow
  • Medium
  • Fast
Infinite – enable/disable inifitine scrolling  
Responsive – Enabling this option, will change the number of images to show in each slide automatically based on the size of the screen. By default, it will always show the same number of images.  
Hover Style – pre-defined hover styles:
  • Outer-Shadow
  • Grayscale
Text Size – size of the text in number or percentage  
Text Color – pre-defined colors for the text. All colors available at ShortPoint Colors page  
Horizontal Alignment – text alignment:  
  • Left
  • Center
  • Right
Show Border – will show image carousel with borders  
Background Color – pre-defined colors for the image carousel. All colors available at ShortPoint Colors page
Color Transparency – by default the color will not be transparent, value is 1 and it It will cover the image
Height – image carousel height as a percentage of current view port or in pixels, default is 25%
Width – by default, width will fit the container automatically
Image – item image link
Title – image carousel item title
Description – image carousel item description
Tooltip – showing tooltip text when hover image
Link – link where you will redirect
Linking options – there you can choose how to open your link:
  • Default – by default link will be opened in the same window
  • LightBox – your Link will be opened in the lightbox
  • New window – your link will be opened in the new tab
  • Dialog – your Link will be opened in the dialog window