If given enough width, this carousel will show 5 images, 2 on each side of the one in focus. In Site Designer it looks a bit 'off' in that you just see one image sitting too far left. Just preview it, and you will see what it really looks like.
The timing is set to change every 4 seconds. This can be edited in the java script found in the Element pane, Footer Code window. Look for the line: }, 4000); // every 4 seconds and change the 4000 to what you prefer.
There is also a full width carousel. It has been made the same way as the one displayed, but all the images are being shown evenly in the same size. The images used in the component are 1600x333px which is normally sufficient width for images of good quality.
Carousel
If given enough width, this carousel will show 5 images, 2 on each side of the one in focus. In Site Designer it looks a bit 'off' in that you just see one image sitting too far left. Just preview it, and you will see what it really looks like.
The timing is set to change every 4 seconds. This can be edited in the java script found in the Element pane, Footer Code window. Look for the line:
}, 4000); // every 4 seconds
and change the 4000 to what you prefer.
There is also a full width carousel. It has been made the same way as the one displayed, but all the images are being shown evenly in the same size. The images used in the component are 1600x333px which is normally sufficient width for images of good quality.
Download this component (displayed)
Download the fullwidth component