[oik] plugins.com

WordPress plugins and themes

Using [bw_jq] to display images with flexslider jQuery

The oik base plugin doesn’t provide a shortcode to display the Flex slider. If you want to use the Flexslider jQuery then you need to use four shortcodes.
  • bw_jq to indicate you want to use the flexslider jQuery
  • [div] to create an HTML div with a class of flexslider
  • [bw_list] shortcode to list the images to display, specifying the thumbnail parameter
  • [ediv] to end the HTML div.
[bw_jq ".flexslider" flexslider script=flexslider ]
[div class="flexslider w50pc"]
[bw_list post_type="attachment" post_parent=8258 numberposts=3 thumbnail=medium class=slides]
[ediv]
You may also need to apply some CSS styling to override some default theme behaviour for list items. Notice the class=slides parameter on the bw_list shortcode.

ul.slides li { padding-left: 0px; list-style-type: none; }
ul.slides li:before, ul.flex-direction-nav li:before { display: none; }
ul.flex-direction-nav li { list-style-type: none; }
.flexslider .slides img.bw_thumbnail { border: none;  margin: 0px;}
 

Published: | Last updated: