Overview

Content slideshow displays images and videos with transitions effects. In the same way than images slideshow. Each slide can display an image or a video. You can define a caption content hover each slide with 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 : Content slideshow, to display any content in the slides : custom html, Joomla articles, Joomla modules.

 

Features

  • Image or video : 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
  • Title and legend: for each slide
  • 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 caption display : always/hover/outside
  • Slide caption position : left/center/right/full width
  • Slide caption width : in percentage of the slide
  • Slide caption vertical position : top/middle/bottom/full height
  • Slide caption height : in percentage of the slide
  • Slide caption padding : horizontal - vertical
  • Slide caption font settings : 300 fonts, size, colors, weight, spacing, capitalize See more
  • Slide caption border settings : style, colors, custom sides, custom rounded corners See more
  • Slide caption border animated effects. See more
  • Slide caption background settings : filling, colors, opacity, images. See more
  • Slide caption background animated effects. See more
  • Slide legend position : Top/bottom/left/right
  • Slide legend width 1 to 12
  • Slide legend text alignment : Left/Center/Right
  • Slide legend text vertical alignment : Top/Middle/Bottom
  • Slide legend padding : horizontal - vertical
  • Slide legend display : always/hover/outside
  • Slide legend font settings : 300 fonts, size, colors, weight, spacing, capitalize See more
  • Slide legend border settings : style, colors, custom sides, custom rounded corners See more
  • Slide legend border animated effects. See more
  • Slide legend background settings : filling, colors, opacity, images. See more
  • Slide legend background animated effects. 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