[oik] plugins.com

WordPress plugins and themes

  • Home
  • About
    • lazy shortcodes
    • smart shortcodes
    • oik base plugin
      • oik – donate
      • oik PayPal buttons
      • oik installation
      • oik Button Shortcode button
      • oik changelog
      • oik FAQ
      • oik plugins on SVN
      • oik plugins on GitHub
  • Plugins
    • oik base plugin
    • FREE oik plugins
    • WordPress plugins
    • Premium oik plugins
    • Bespoke oik plugins
  • Shortcodes
    • Shortcode examples
  • Blocks
    • Block examples
  • APIs
    • ALL action and filter hooks
  • Blog

[bw_jq] and [bw_list] to implement the Flex slider to display attached images

  • Ditto on the tableDitto on the table
  • Is it tea time yetIs it tea time yet
  • It’s a hard lifeIt’s a hard life
In this example page we use oik shortcodes to implement the jQuery Flexslider to display a simple slideshow of the images attached to the page, with the image titles being displayed as links to the attachments. We also use the bw_css shortcode to perform some additional theming.

.art-postcontent ul > li { background-image: none; padding-left: 0px; }
.art-article img { margin: 0px; }
.w40pc { width: 36%; padding: 2%; float: left; }
 

hover to slideToggle source

[bw_jq ".flexslider" flexslider script=flexslider ][div class=w60pc][div class="flexslider"][bw_list post_type="attachment" numberposts=3 thumbnail=medium class=slides][ediv][ediv][div class=w40pc]In this example page we use [oik] shortcodes to implement the jQuery Flexslider to display a simple slideshow of the images attached to the page, with the image titles being displayed as links to the attachments. We also use the bw_css shortcode to perform some additional theming.[ediv][clear][bw_css .].art-postcontent ul > li { background-image: none; padding-left: 0px; }.art-article img { margin: 0px; }.w40pc { width: 36%; padding: 2%; float: left; }[/bw_css][bw_wtf]<h3>See also</h3>[bw_code bw_list][bw_code bw_css][bw_code div][bw_code ediv]

See also

[bw_list] [bw_css] [div] [ediv]

Published: May 8, 2013 | Last updated: February 18, 2014

Information

Shortcode: bw_jq – Perform a jQuery method
Letters:

Syntax

Syntax

[bw_jq
selector="| selector - jQuery selector"
method="| method - jQuery method to perform"
script="| script-name - Handle for the jQuery script"
debug="false| true - Use true when you want to debug the jQuery"
windowload="false| true - Use true when the jQuery is to run when the window has loaded"
parms="| parm=value1,parm2=value2 - Variable list of parameters"
src="| ID| URL - ID or full URL of JavaScript"
inline="| T| Y - Set to T=True or Y=Yes when the script tag must be inline"]

Other examples

  • bw_jq and bw_pages for a cycling display
  • bw_jq with pullquote
  • Using [bw_jq] to display images with flexslider jQuery

Plugins

  • All Plugins
  • oik base plugin
  • FREE oik plugins
  • WordPress plugins
  • Premium oik plugins

Themes

  • FREE themes
  • Bespoke themes
  • Premium themes

Blocks

  • All Blocks
  • Block examples
  • About Blocks

Shortcodes

  • All Shortcodes
  • Shortcode examples
  • About Shortcodes

Reference

  • About APIs
  • All APIs
  • All Classes
  • All Files
  • All Hooks

Support

  • Contact
  • Cookies policy
  • Get API key
  • Privacy
  • Request support
  • Sitemap
  • Stay informed
  • Terms and Conditions
oik-plugins
Email: oikplug@oik-plugins.com

Weight shipping plugins

Find out which cart weight shipping plugin you need for your WooCommerce site.
Which cart weight based plugin do I need?

Site:  www.oik-plugins.com
© Copyright oik-plugins 2011-2023. All rights reserved.


Website designed and developed by Herb Miller of Bobbing Wide
Proudly powered by WordPress and oik-plugins
WordPress 6.2.2. PHP: 7.4.33. Memory limit: 768M