Displays up to 5 images, titles and descriptions. Various styles, urls, and transitions can be set.
- Upload your images
- Insert the custom element “Image Carousel”
- Define the element data fields
Step 1: Upload your images by selecting new at My CommonSpot bar at the top of the browser.
Configure your target subsite to where you want the image to be stored in commonspot. Then click the choose file button to add the image. Once you have selected your image, type in a good description of the image and give it a category to be stored in. Hit save and your new image will be stored.
Start by clicking the add image button or dragging and dropping your images into the highlighted drop files here box. Then click upload image(s).
Now make sure that the image(s) you selected in the previous step are the ones you see highlighted region above. If so, proceed by clicking the next button.
Next, give each uploaded file a description and select the images you would like to upload by either clicking the link or by individually checking each images box highlighted to the right. Once you are satisfied click enter properties.
Finally, give the images a category and click save to finish the multiple image(s) upload process.
Step 2: From your template insert a new element and define this element as “Image Carousel” found under “1 – Responsive Elements.”
Step 3: Define the element by clicking the gear icon where you placed the element in the previous step.
The Show Previous/Next option will display arrows on both ends of the container to slide from image to image. An unchecked box here will still display small circles on the bottom of the image container to allow users to slide between images. Also, the display duration can also be set to manual allowing users to control when the images are cycled through. You can set your text location to be at the bottom left or right, the text is the image description that is entered in the next step. Once you are finished with the display options click one of the image tabs to begin configuring your images.
Before selecting an image be sure to check the “display this image” box. Once you have selected an image and given it a title and description you can give it a sort order number, this sets the order in which your image will appear (If you did not select random image in the display options tab). All images sort order number are defaulted to their image tab number.