Slideshow Application

To modify configuration of slideshow, extend configuration file noviusos_slideshow::slideshow.

Configuration

default_format:

The default format. flexslider-big by default.

formats:

flexslider-big:

view:

The view use to display the slideshow. Default noviusos_slideshow::flexslider/slideshow.

label:

The label of the format, displayed in enhancer popup.

config:

slides_with_link:  

Boolean. Add a link on image if true and slide linked to a page. Default true.

slides_preview:

Boolean. Add a toolbar preview on the slideshow. Default true.

width:

Width in pixels of the slideshow. Default 800.

height:

Height in pixels of the slideshow. Default 600.

class:

CSS class add on the slideshow HTML container. Default slide-home.

js:

jquery:Relative URL of jQuery script. flexslider:Relative URL of Flexslider script. flexpreview:Relative URL of Flexslider preview script.

css:

flexslider:Relative URL of Flexslider CSS file. flexpreview:Relative URL of Flexslider preview CSS file.

flexslider-small:  

view:

The view use to display the slideshow. Default noviusos_slideshow::flexslider/slideshow.

label:

The label of the format, displayed in enhancer popup.

config:

slides_with_link:  

Boolean. Add a link on image if true and slide linked to a page. Default true.

slides_preview:

Boolean. Add a toolbar preview on the slideshow. Default true.

width:

Width in pixels of the slideshow. Default 414.

height:

Height in pixels of the slideshow. Default 300.

class:

CSS class add on the slideshow HTML container. Default slide-small.

js:

jquery:Relative URL of jQuery script. flexslider:Relative URL of Flexslider script. flexpreview:Relative URL of Flexslider preview script.

css:

flexslider:Relative URL of Flexslider CSS file. flexpreview:Relative URL of Flexslider preview CSS file.

You can add your own formats. Keys view and label are required in your format. If defined, the key config is passed to the displaying view.

Flexslider

You can configure Flexslider formats by extend configuration file noviusos_slideshow::formats/flexslider.

animation:Select your animation type, fade or slide. Default fade. slideDirection:Select the sliding direction, horizontal or vertical. slideshow:Boolean, animate slider automatically. Default true. slideshowSpeed:Integer, set the speed of the slideshow cycling, in milliseconds. animationDuration:  Integer, set the speed of animations, in milliseconds. directionNav:Boolean, create navigation for previous/next navigation. controlNav:Boolean, create navigation for paging control of each slide. Note: Leave true for manualControls usage. keyboardNav:Boolean, allow slider navigating via keyboard left/right keys. mousewheel:Boolean, allow slider navigating via mousewheel. prevText:Set the text for the previous directionNav item. nextText:Set the text for the next directionNav item. pausePlay:Boolean, create pause/play dynamic element. pauseText:Set the text for the pause pausePlay item. playText:Set the text for the play pausePlay item. randomize:Boolean, randomize slide order. slideToStart:Integer, the slide that the slider should start on. Array notation (0 = first slide). animationLoop:Boolean, should the animation loop? If false, directionNav will received “disable” classes at either end. pauseOnAction:Boolean, pause the slideshow when interacting with control elements, highly recommended. pauseOnHover:Boolean, pause the slideshow when hovering over slider, then resume when no longer hovering. controlsContainer:  Selector, declare which container the navigation elements should be appended too. Default container is the flexSlider element. Example use would be ".flexslider-container", "#container", etc. If the given element is not found, the default action will be taken. manualControls:Selector, declare custom control navigation. Example would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.