Hero Image Widget Properties
| PROPERTY | DESCRIPTION |
|---|---|
| Path | Select the file path to the folder of the Atlas Image Pages where the slides are stored. Aspect ratios of slide graphics should match the settings below. |
| Maximum number of slides | Select the maximum number of slides to be displayed (more slides = larger file size of page and longer download times) |
| Aspect Ratio - Small | Recommended for mobile when hero includes text: • Square 640 x 640 px Optional sizes for very little or no text. Be sure to test on mobile. • 2:1 – 640 x 320 px • 3:1 – 640 x 214 px • 16:9 – 640 x 360 px |
| Aspect Ratio - Medium | Be sure to test tablet size if hero includes text. • Square 1024 x 1024 px (rarely used) • 2:1 – 1024 x 512 px • 3:1 – 1024 x 342 px • 16:9 – 1024 x 576 px |
| Aspect Ratio - Large | Square 1920 x 1920 px (rarely used) 2:1 – 1920 x 960 px 3:1 – 1920 x 640 px 4:1 – 1920 x 480 px 5:1 – 1920 x 384 px 6:1 – 1920 x 320 px 16:9 – 1920 x 1080 px (rarely used) |
| Image Alt Text | This attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error, or if the user uses a screen reader). Optional but recommended. |
| Slides to Show | Select the aspect ratio of the large image |
| Slides to Scroll | Enter the number of slides to scroll |
| Speed | Set the speed in milliseconds (default is 1000) |
| Autoplay | Check to set Autoplay on. If unchecked the visitor will have to click on dot indicators or arrows to move through slides. |
| Autoplay Speed | Set the speed in milliseconds (default is 1000) |
| Show Dots | This is checked if dot indicators for number of slides should be displayed |
| Fade | Check to enable fade effect between slides |
| Slide Animation | Select the Animation type: • Ease – starts slowly, speeds up and then slows again for more natural movement • Linear – will move without slowing down or speeding up |
Example of Hero Slick Slider Widget used to create a banner slideshow.