Flexslider

[column size=”1/3″]

[heading h=”h3″]Simple Slider[/heading]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at.

[/column]

[column size=”2/3″ last=”true”]

[flexslider navi=”true” pager=”true”]

[slide]http://withemes.net/sonata/wp-content/uploads/2014/03/flexslider1-600×391.jpg[/slide]

[slide]http://withemes.net/sonata/wp-content/uploads/2014/03/flexslider2-600×391.jpg[/slide]

[/flexslider]

[/column]

[spacer /]

[pre][[flexslider navi=”true” pager=”true”]
[slide]http://withemes.net/sonata/wp-content/uploads/2014/03/flexslider1-600×391.jpg[/slide]
[slide]http://withemes.net/sonata/wp-content/uploads/2014/03/flexslider2-600×391.jpg[/slide]
[/flexslider]][/pre]

[hr /]

[column size=”1/3″]

Examples

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at.

[/column]

[column size=”2/3″ last=”true”]

[flexslider navi=”true” thumbnail=”true”]

[slide thumbnail=”http://withemes.net/sonata/wp-content/uploads/2014/03/flexslider3-150×150.jpg” title=”Slide with Caption” desc=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.”]http://withemes.net/sonata/wp-content/uploads/2014/03/flexslider3.jpg[/slide]

[slide thumbnail=”http://withemes.net/sonata/wp-content/uploads/2014/03/flexslider4-150×150.jpg” link=”http://themeforest.net/user/withemes/portfolio?ref=withemes” title=”Caption with link” desc=”Click to the title above, it take you to another page”]http://withemes.net/sonata/wp-content/uploads/2014/03/flexslider4.jpg[/slide]

[slide thumbnail=”http://withemes.net/sonata/wp-content/uploads/2014/03/flexslider5-150×150.jpg”]http://withemes.net/sonata/wp-content/uploads/2014/03/flexslider5.jpg[/slide]

[slide thumbnail=”http://withemes.net/sonata/wp-content/uploads/2014/03/flexslider6-150×150.jpg”]http://withemes.net/sonata/wp-content/uploads/2014/03/flexslider6.jpg[/slide]

[/flexslider]

[/column]

[spacer /]

[pre][[flexslider navi=”true” thumbnail=”true”]
[slide thumbnail=”THUMBNAIL URL” title=”TITLE HERE” desc=”DESC TEXT HERE.”]IMAGE URL HERE[/slide]
[slide thumbnail=”THUMBNAIL URL” title=”TITLE HERE” desc=”DESC TEXT HERE.” link=”URL HERE” target=”_blank”]IMAGE URL HERE[/slide]
[slide thumbnail=”THUMBNAIL URL” title=”TITLE HERE” desc=”DESC TEXT HERE.”]IMAGE URL HERE[/slide]
[slide thumbnail=”THUMBNAIL URL” title=”TITLE HERE” desc=”DESC TEXT HERE.”]IMAGE URL HERE[/slide]
[/flexslider]][/pre]

[hr /]

Usage

Here’re parameters of flexslider shortcode:

[list type=”plus”]

  • navitrue or false. Use the navigation or not. Default: true.
  • pagertrue or false. Use the pager or not. Default: false.
  • thumbnailtrue or false. Use the thumbnail pager not. Default: false.
  • autotrue or false. Auto play the slideshow or not. Default: false.
  • effectslide or fade. Default: slide.

[/list]

Here’re parameters of the slide inside flexslider shortcode:

[list type=”plus”]

  • title: the title heading of caption.
  • desc: the description text of caption, below title heading.
  • link: the URL that title should link to
  • target_self to open link in same tab, _blank to open link in a new tab. Default is _self.
  • thumbnail: the thumbnail URL if thumbnail pager is in use. If you leave it blank, the image URL will be used.

[/list]

Leave a Reply

Your email address will not be published. Required fields are marked *