Overview
Content slideshow display your contents with transitions effects. In the same way than images slideshow. Each slide can display your custom html content, Joomla articles, or Joomla modules. Each slide can have its own title and legend, and benefits from advanced theming and animations features.
See also : media slideshow, to display images and videos.
Features
- Custom text, glyph : in each slide
- Custom html, Joomla article content, Joomla module : in each slide body
- Hover content in each slide: custom html, Joomla article content, Joomla module
- Links : Menu item/Joomla Article/Url
- Slider orientation : horizontal/vertical
- Startup slide : first/random/custom
- Playing : automatic/manual
- Speed : 0 to 10 seconds per milliseconds
- Mouse over : continue/pause/freeze
- Transition effect : slide/fade
- Transition ease : linear/ease
- Transition duration : 0 to 10 secondes per milliseconds
- End playing action : loop/rewind/stop
- Slide Height : Content/Same height/Square/Custom (px)
- Slide padding
- Slide title position : Top/bottom/left/right
- Slide title width 1 to 12
- Slide title text alignment : Left/Center/Right
- Slide title text vertical alignment : Top/Middle/Bottom
- Slide title padding : horizontal - vertical
- Slide title tag : h1 to h6
- Slide title font settings : 300 fonts, size, colors, weight, spacing, capitalize See more
- Slide title glyph settings : position, size, colors
- Slide title glyph display effect (40+ effects) See more)
- Slide title glyph hover effect See more
- Slide title border settings : style, colors, custom sides, custom rounded corners See more
- Slide title border animated effects. See more
- Slide title background settings : filling, colors, opacity, images. See more
- Slide title background animated effects. See more
- Slide body default font settings : 300 fonts, size, colors, weight, spacing, capitalize See more
- Slide border settings : style, colors, custom sides, custom rounded corners See more
- Slide border animated effects. See more
- Slide background settings : filling, colors, opacity, images. See more
- Slide shadow : style, always/hover
- Arrows display : always/hover/never
- Arrows preset style : square/circle/chevron/custom/css class
- Arrows horizontal position : inside/outside
- Arrows vertical position : top/middle/bottom
- Arrows position margin
- Arrows slide steps
- Arrows shape : chevron/arrow/triangle
- Arrows shape settings : width, height, thickness, colors, opacity
- Arrows background shape : circle/square/rectangle
- Arrows background settings : width, height, colors, opacities
- Arrows border settings : width, colors
- Bullets display : always/hover/never
- Bullets preset style : circle/square/custom/css class
- Bullets orientation : horizontal/vertical
- Bullets horizontal position : left/center/right
- Bullets vertical position : outside top/top/middle/bottom/outside bottom
- Bullets slide steps
- Bullets shape : circle/square/rectangle/parallelogram
- Bullets shape settings : size, spacing
- Bullets border settings : width, colors
- Bullets background settings : colors, opacity
- Bullets display effect : 40+ effects See more
Panel features
This component has general features common to all panels.
- General border settings : style, colors, custom sides, custom rounded corners See more
- General border animated effects : See more
- General background settings : filling, colors, opacity, images. See more
- General background animated effects. See more
- General shadow : style, always/hover
- Header position : top/bottom/left/right
- Header align : left/center/right
- Header paddings
- Header style : default template tag (h1 – h6) or custom
- Header font settings : 800 fonts, size, colors, weight, spacing, capitalize See more
- Header glyph settings : position, size, colors
- Header glyph animated effects : See more
- Header stroke : style, position, width, color
- Header border settings : style, colors, custom sides, custom rounded corners See more
- Header border animated effects : See more
- Header background settings : filling, colors, opacity, images. See more
- Header background animated effects : See more
- Header animated display effects : 40+ effects See more
- Legend custom html
- Legend display : always/Hover/Outside
- Legend position : top/bottom/left/right
- Legend default text align : left/center/right/justified
- Legend paddings
- Legend font : template default/custom
- Legend font settings : 800 fonts, size, colors, weight, spacing, capitalize See more
- Legend border settings : style, colors, custom sides, custom rounded corners See more
- Legend border animated effects : See more
- Legend background settings : filling, colors, opacity, images See more
- Legend background animated effects.: See more
- Legend animated display effects : 40+ effects See more
Common features
This component has general features common to all NGE UI components.
- Alignment in page : left/center/right/justify
- Width : content/custom (% or px)
- External margins
- Animated display effects (40+ effects) See more
- Hover effects See more
- Patterns (custom patterns)
- Extend background on the sides : Background/Content See more
- Conditional display : users/levels/groups, menus/categories/articles/tags/components, date/time/month/day, smartphone/tablet/desktop/printer, language See more
- Edition permissions (content – select patterns – custom settings – display settings) See more
Inline editing
This component can be edited directly in front-end. See more
Development
Without coding : this component can be created 100% without coding and without technical knowledge. All features are configurable on the screen.
Override : all rendered code : html, css, js can be overriden (Joomla template override). See More
API : this component can be created in PHP in any Joomla content or module/component, using the internal API. See more