[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
You are here: Home / Examples / Example: using [bw_jq] to cycle through some posts

Example: using [bw_jq] to cycle through some posts

In this example we use the [bw_jq] shortcode to cycle through the set of plugins that define the basic functionality of the oik-plugins server.

oik – oik information kit

oik – oik information kit
The oik information kit WordPress plugin provides 8 blocks and over 80 advanced shortcodes for use on your website.

read more

oik block shortcode and API server

oik block shortcode and API server

The oik block, shortcode and API server enables you to document blocks, shortcodes and APIs for your plugins and themes.

Please set featured image

read more

oik-fields – custom post type field APIs

oik-fields – custom post type field APIs
Performant Application Programming Interface for entry and display of meta data for custom post types.

read more

oik-plugins – WordPress plugins server

oik-plugins – WordPress plugins server
Deliver your FREE and Premium WordPress plugins from your own WordPress like plugin server.

read more

How it works

Four shortcodes are used to create the result. [bw_jq .cycle method=cycle fx=fade script=cycle.all fit=1 width=”100%” ] Use the [bw_jq] shortcode to invoke some jQuery code. Invoke the method called cycle with parameter fx=fade on the CSS selector .cycle. The script file source is jquery.cycle.all.js Additional parameters ( fit=1 and width=”100%” ) help make the cycle responsive. If you adjust the window size then the cycling area also adjusts. [div class=”cycle”] Create a div with the CSS selector .cycle. Additionally we need some CSS to make sure that the container and images within it are responsive.

div.cycle { width: 100% !important;  min-height: 300px !important;}
div.cycle img { max-width: 100% !important }
 
The !important parts are very important. [bw_pages post_type=”oik-plugins” include=2384,2393,395,5025] Display the posts identified in the include= parameter which are of post_type “oik-plugins”. [ediv] End the div we started earlier.

For more information

  • bw_css – Add internal CSS styling
  • bw_jq – Perform a jQuery method
  • bw_pages – Display page thumbnails and excerpts as links
  • div – start a <div> tag
  • ediv – end a <div> with </div>

See also

  • [bw_cycle]

hover to slideToggle source

In this example we use the [bw_code bw_jq] shortcode to cycle through the set of plugins that define the basic functionality of the oik-plugins server.<!--more-->[bw_jq .cycle method=cycle fx=fade script=cycle.all fit=1 width="100%"][div class="cycle bd350 w100pc"][bw_pages post_type="oik-plugins" numberposts=4 include=2384,2393,395,5025][ediv][clear]<h3>How it works</h3>Four shortcodes are used to create the result.[[bw_jq .cycle method=cycle fx=fade script=cycle.all fit=1 width="100%" ]]Use the [[bw_jq]] shortcode to invoke some jQuery code. Invoke the method called <strong>cycle</strong> with parameter <strong>fx=fade</strong> on the CSS selector <strong>.cycle</strong>. The script file source is <em>jquery.cycle.all.js</em> Additional parameters ( fit=1 and width="100%" ) help make the cycle responsive. If you adjust the window size then the cycling area also adjusts.[[div class="cycle"]]Create a div with the CSS selector <strong>.cycle</strong>.Additionally we need some CSS to make sure that the container and images within it are responsive.[bw_css .]div.cycle { width: 100% !important; min-height: 300px !important;}div.cycle img { max-width: 100% !important }[/bw_css]The !important parts are very important.[[bw_pages post_type="oik-plugins" include=2384,2393,395,5025]]Display the posts identified in the <strong>include=</strong> parameter which are of post_type <strong>"oik-plugins"</strong>. [[ediv]]End the div we started earlier.<h3>For more information</h3>[codes bw_jq,div,bw_pages,ediv,bw_css]<h3>See also</h3><ul><li>[bw_code bw_cycle]</li></ul><hr />[bw_wtf]

Published: March 8, 2013 | Last updated: August 19, 2014

Information

Component:
  • oik – oik information kit
Letters: E

Recent plugin updates

oik-css v2.1.0 Update to oik-css v2.1.0 for the ability to style CSS and GeSHi output in documentation. ...
oik-types v2.3.0 Update to oik-types v2.3.0 for improved control over sort order on archives ...
UK-tides v3.1.0 UK-tides v3.1.0 now supports several additional ports. It's built with latest wp-scripts and shared libraries and tested with WordPress 6.1. ...
oik v4.8.2 Upgrade to oik v4.8.2 if you installed oik v4.8.1 from wordpress.org and found that the blocks were missing from the editor. ...
sb-chart-block v1.1.0 sb-chart-block v1.1.0 now uses chart.js v3.9.1. Tested with WordPress 6.0.1 and Gutenberg 13.8.2 ...

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.1.1. PHP: 7.4.33. Memory limit: 768M