Create Carousel content
The Carousel content type is used to insert a single image or video. It can later be included as part of a carousel that alternates between a series of images or videos.
To combine these images or videos into a carousel, your page template developer must include JavaScript code to create the functionality. (The Carousel content templates do not include this code by default.)
To create a carousel right away, without having to program your own JavaScript, you can use the Slider content template.
To create Carousel content
- In the Actions panel, select Create New Content.
- On the Create New Content page, use the drop down menu under Select Content Type to choose Carousel. Under Select Content Template, choose either Carousel Image or Carousel Video.
- Name your Carousel content. Optionally, give it a description, end date, and time.
- In the check box under Languages, select "All" or "Default".
- Click Finish or Finish & Edit.
Carousel Image
The Carousel Image template is used to insert an image that can later be used as part of a carousel that alternates between a series of images.
Use the Carousel Image template
- In the content editor, under Carousel Image, click Select.
- In the Select dialog, locate the image for your carousel in the media library or upload a new image, and then click Select.
- Choose your Media Library. Click Upload.
- In the Upload dialog, drop your files or choose Browse.
- Click Upload. Click Close.
- Select the check box next to the image you have just uploaded.
- Click Select.
- In the Actions panel, click Save or Save and Close.
- Optionally, set or modify any of the other fields:
- Carousel Thumbnail. An additional image associated with the content. By default, without adding JavaScript code, it displays in addition to the primary image when the content is placed on the page.
- Alternative Text. Alternative text makes your site more accessible for people who use screen readers or people who are viewing the site in a way that prevents them from downloading images. The alternative text should describe the image in a clear way, but by default, this field is populated with the image file name.
- Title Text. The title text is displayed in a tooltip when the mouse pointer hovers over the image.
- Carousel Link. The URL that the carousel image links to.
- Carousel Description. A description of the image that makes it easily identifiable by you and other OrchestraCMS users.
- In the Actions panel, click Save.
Carousel Video
The Carousel Video template is used to insert images and video that can later be used as part of a carousel.
Use the Carousel Video template
- In the content editor, in the Carousel Embedded Video box, enter HTML code to embed a video. (You will first need to get the code from YouTube once you have created your video for YouTube. For more information: https://support.google.com/youtube/answer/171780?hl=en )
- Optionally, set or modify any of the other fields:
- Carousel Image. An image that can be associated with a carousel as described in the previous section. The carousel link is applied to this image by default.
- Carousel Thumbnail. An additional image associated with the content. By default, without adding JavaScript code, it displays in addition to the primary image when the content is placed on the page.
- Alternative Text. Alternative text makes your site more accessible for people who use screen readers or people who are viewing the site in a way that prevents them from downloading images. The alternative text should describe the image in a clear way, but by default, this field is populated with the image file name.
- Title Text. The title text is displayed in a tooltip when the mouse pointer hovers over the image.
- Carousel Link. The URL that the carousel image links to.
- Carousel Description. A description of the video that makes it easily identifiable by you and other OrchestraCMS users.
- In the Actions panel, click Save or Save and Close.