Slideshows

Flex Slider attributes

[divider_line]

    [li]animation: (slide, fade) [/li] [li]easing: (easeInQuad, easeOutQuad, easeInOutQuad, easeInCubic, easeOutCubic, easeInOutCubic, easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint, easeInSine, easeOutSine, easeInOutSine, easeInExpo, easeOutExpo, easeInOutExpo, easeInCirc, easeOutCirc, easeInOutCirc, easeInElastic, easeOutElastic, easeInOutElastic, easeInBack, easeOutBack, easeInOutBack, easeInBounce, easeOutBounce, easeInOutBounce) [/li] [li]direction[/li] [li]animationSpeed[/li] [li]slideshowSpeed[/li] [li]directionNav: true or false[/li] [li]controlNav: true or false[/li] [li]controlNavThumbs: true or false[/li] [li]controlNavThumbsSlider: true or false[/li] [li]pauseOnAction: true or false[/li] [li]slideshow: true or false[/li] [li]animationLoop: true or false[/li] [li]width[/li] [li]height[/li]

Flex Slider with control navigation buttons.

[divider_line]

[slideshow type=”flex” animation=”slide” easing=”easeInOutExpo” direction=”horizontal” animationSpeed=”1000″ slideshowSpeed=”7000″ directionNav=”true” controlNav=”true” controlNavThumbs=”false” controlNavThumbsSlider=”false” pauseOnAction=”true” pauseOnHover=”true” slideshow=”true” animationLoop=”true” height=”400″]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2753351305_b7525f1983_b.jpg” caption=”First image caption”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2742609622_e8b6ff1377_b.jpg”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2365778032_a7d9662b16_b.jpg” caption=”This is another caption”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2753351305_b7525f1983_b.jpg.jpg”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2365778032_a7d9662b16_b.jpg”]
[/slideshow]

[margin type=”20″]

[minimal_toggle title=”Get the code”]
[code]
[slideshow type=”flex” animation=”slide” easing=”easeInOutExpo” direction=”horizontal” animationSpeed=”1000″ slideshowSpeed=”7000″ directionNav=”true” controlNav=”true” controlNavThumbs=”false” controlNavThumbsSlider=”false” pauseOnAction=”true” pauseOnHover=”true” slideshow=”true” animationLoop=”true” height=”400″]
[image url=”image_src” caption=”First image caption”]
[image url=”image_src.jpg”]
[image url=”image_src” caption=”This is another caption”]
[image url=”image_src.jpg”]
[image url=”image_src.jpg”]
[/slideshow]
[/code]
[/minimal_toggle]

[divider_top]

Flex Slider with navigation thumbnails.

[divider_line]

[slideshow type=”flex” animation=”fade” direction=”horizontal” animationSpeed=”800″ slideshowSpeed=”5000″ directionNav=”true” controlNav=”true” controlNavThumbs=”true” controlNavThumbsSlider=”false” pauseOnAction=”true” pauseOnHover=”true” slideshow=”true” animationLoop=”true” height=”400″]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2753351305_b7525f1983_b.jpg” caption=”First image caption”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2742609622_e8b6ff1377_b.jpg”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2365778032_a7d9662b16_b.jpg” caption=”This is another caption”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2753351305_b7525f1983_b.jpg.jpg”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2365778032_a7d9662b16_b.jpg”]
[/slideshow]

[margin type=”20″]

[minimal_toggle title=”Get the code”]
[code]
[slideshow type=”flex” animation=”slide” easing=”easeInOutExpo” direction=”horizontal” animationSpeed=”1000″ slideshowSpeed=”7000″ directionNav=”true” controlNav=”true” controlNavThumbs=”true” controlNavThumbsSlider=”false” pauseOnAction=”true” pauseOnHover=”true” slideshow=”true” animationLoop=”true” height=”400″]
[image url=”image_src.jpg”]
[image url=”image_src.jpg”]
[image url=”image_src.jpg”]
[/slideshow]
[/code]
[/minimal_toggle]

[divider_top]

Flex Slider with navigation thumbnails slider.

[divider_line]

[slideshow type=”flex” animation=”fade” direction=”horizontal” animationSpeed=”800″ slideshowSpeed=”5000″ directionNav=”true” controlNav=”true” controlNavThumbs=”true” controlNavThumbsSlider=”true” pauseOnAction=”true” pauseOnHover=”true” slideshow=”true” animationLoop=”true” height=”400″]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2753351305_b7525f1983_b.jpg” caption=”First image caption”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2742609622_e8b6ff1377_b.jpg”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2365778032_a7d9662b16_b.jpg” caption=”This is another caption”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2753351305_b7525f1983_b.jpg.jpg”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2365778032_a7d9662b16_b.jpg”]
[/slideshow]

[margin type=”20″]

[minimal_toggle title=”Get the code”]
[code]
[slideshow type=”flex” animation=”slide” easing=”easeInOutExpo” direction=”horizontal” animationSpeed=”1000″ slideshowSpeed=”7000″ directionNav=”true” controlNav=”true” controlNavThumbs=”true” controlNavThumbsSlider=”true” pauseOnAction=”true” pauseOnHover=”true” slideshow=”true” animationLoop=”true” height=”400″]
[image url=”image_src.jpg”]
[image url=”image_src.jpg”]
[image url=”image_src.jpg”]
[/slideshow]
[/code]
[/minimal_toggle]

[divider_top]

Nivo Slider attributes

[divider_line]


    [li]effect: (random, sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade, slideInRight, slideInLeft, boxRandom, boxRain, boxRainReverse, boxRainGrow, boxRainGrowReverse)[/li]
    [li]slices[/li]
    [li]boxCols[/li]
    [li]boxRows[/li]
    [li]animSpeed[/li]
    [li]pauseTime[/li]
    [li]randomStart: true or false[/li]
    [li]directionNav: true or false[/li]
    [li]controlNav: true or false[/li]
    [li]controlNavThumbs: true or false[/li]
    [li]pauseOnHover: true or false[/li]
    [li]manualAdvance: true or false[/li]
    [li]stopAtEnd: true or false[/li]
    [li]width[/li]
    [li]height[/li]

Nivo Slider with control navigation buttons.

[divider_line]

[slideshow type=”nivo” effect=”random” slices=”12″ boxCols=”8″ boxRows=”4″ animSpeed=”800″ pauseTime=”7000″ randomStart=”false” directionNav=”true” controlNav=”true” controlNavThumbs=”false” pauseOnHover=”true” manualAdvance=”false” stopAtEnd=”false” height=”400″]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2753351305_b7525f1983_b.jpg” caption=”First image caption”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2742609622_e8b6ff1377_b.jpg”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2365778032_a7d9662b16_b.jpg” caption=”This is another caption”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2753351305_b7525f1983_b.jpg.jpg”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2365778032_a7d9662b16_b.jpg”]
[/slideshow]

[margin type=”20″]

[minimal_toggle title=”Get the code”]
[code]
[slideshow type=”nivo” effect=”random” slices=”12″ boxCols=”8″ boxRows=”4″ animSpeed=”800″ pauseTime=”7000″ randomStart=”false” directionNav=”true” controlNav=”true” controlNavThumbs=”false” pauseOnHover=”true” manualAdvance=”false” stopAtEnd=”false” height=”400″]
[image url=”image_src” caption=”This is a caption”]
[image url=”image_src”]
[image url=”image_src” caption=”This is another caption”]
[/slideshow]
[/code]
[/minimal_toggle]

[divider_top]

Nivo Slider with control navigation buttons.

[divider_line]

[slideshow type=”nivo” effect=”fade” slices=”12″ boxCols=”8″ boxRows=”4″ animSpeed=”600″ pauseTime=”6000″ randomStart=”false” directionNav=”true” controlNav=”true” controlNavThumbs=”true” pauseOnHover=”true” manualAdvance=”false” stopAtEnd=”false” height=”400″]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2753351305_b7525f1983_b.jpg” caption=”First image caption”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2742609622_e8b6ff1377_b.jpg”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2365778032_a7d9662b16_b.jpg” caption=”This is another caption”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2753351305_b7525f1983_b.jpg.jpg”]
[image url=”http://gqautocreations.com/wp-content/uploads/2012/03/2365778032_a7d9662b16_b.jpg”]
[/slideshow]

[margin type=”20″]

[minimal_toggle title=”Get the code”]
[code]
[slideshow type=”nivo” effect=”fade” slices=”12″ boxCols=”8″ boxRows=”4″ animSpeed=”600″ pauseTime=”6000″ randomStart=”false” directionNav=”true” controlNav=”true” controlNavThumbs=”true” pauseOnHover=”true” manualAdvance=”false” stopAtEnd=”false” height=”400″]
[image url=”image_src” caption=”This is a caption”]
[image url=”image_src”]
[image url=”image_src” caption=”This is another caption”]
[image url=”image_src”]
[image url=”image_src”]
[/slideshow]
[/code]
[/minimal_toggle]

[divider_top]

1039 Comments

Leave comments

Your email address will not be published.



You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Back to top