Component Description
Number:MED0031 | Type:Multimedia Text | Name: Multimedia Text component/Combine display pictures with text - Style 31/Teaser Carousel(Title) Component
Description:
1. This component is auto included in model detail template and carline template.
1. This component have to be used in page scrolling.
2. This component is similar to teaser carousel, but it provides slider title and more variations.
3. It supports right floating bar and page scrolling.
4. Desktop image and Mobile image should be authored separately.
5. Added half-width style for mobile view. When desktop view uses which style variation: full-width or half-width, will not impact the mobile view. The mobile view can be configured with full-width or half-width separately.
6. There are 2 color variations for the mobile view: black and white, it will follow the desktop view color.
7. Site optimization task is discovered that the website performance can be improved by changing the ways to load image and video assets.
8. Add picture code for images contained components. Use Multi Image as per the screen resolution.
9. Add Poster configuration for videos contained components. The operators can configure poster image for videos in the components. So, when the video asset is still loading, the poster will be loaded and displayed at first to the end users.
10. Add fade-in animation effect. Set this animation effect as ON/OFF. By default, this animation effect is ON. If the component has other animation options (like zoom in/mouse over), the effects are exclusive. The animation is added in the title, description, button, image, and action icons.
11. When the background asset is an image. A mask layer can be added/removed on the image asset. By default, it is not added.
12. When background asset is a video. No mask layer can be applied.
13. Navigate to home page, model page, info page, content page -> click on configure in teaser carousel (title) component->configure respective tabs and save it.
2. This component is similar to teaser carousel, but it provides slider title and more variations.
3. It supports right floating bar and page scrolling.
4. Desktop image and Mobile image should be authored separately.
5. Added half-width style for mobile view. When desktop view uses which style variation: full-width or half-width, will not impact the mobile view. The mobile view can be configured with full-width or half-width separately.
6. There are 2 color variations for the mobile view: black and white, it will follow the desktop view color.
7. Site optimization task is discovered that the website performance can be improved by changing the ways to load image and video assets.
8. Add picture code for images contained components. Use Multi Image as per the screen resolution.
9. Add Poster configuration for videos contained components. The operators can configure poster image for videos in the components. So, when the video asset is still loading, the poster will be loaded and displayed at first to the end users.
10. Add fade-in animation effect. Set this animation effect as ON/OFF. By default, this animation effect is ON. If the component has other animation options (like zoom in/mouse over), the effects are exclusive. The animation is added in the title, description, button, image, and action icons.
11. When the background asset is an image. A mask layer can be added/removed on the image asset. By default, it is not added.
12. When background asset is a video. No mask layer can be applied.
13. Navigate to home page, model page, info page, content page -> click on configure in teaser carousel (title) component->configure respective tabs and save it.
* This webpage is intended for the reference of the website’s internal operations and maintenance personnel only.
* The detailed style presentation of the component is as follows.
▼
