[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 / WordPress plugins from oik-plugins / oik base plugin / oik jQuery library / jQuery Fancybox / jQuery fancybox with nivo slider

jQuery fancybox with nivo slider

Mtrax-at-Emsworth-LHSMtrax-at-Emsworth-RHS
Here we demonstrate the oik nivo slider being used to diplay images which can then be clicked on and viewed in a jQuery fancybox. We use the class=ancybox parameter on the nivo shortcode to match the selector for [bw_jq]… ".ancybox a" Note: In order to make fancybox open an image you have to set the oik custom image link to be the attachment file name.
  • Mtrax at Emsworth RHS opens the image in a fancybox
  • Mtrax at Emsworth LHS opens the attachment page in the fancybox (an iframe). Note: 20 August – this is currently only working for logged in users. Problem being investigated.

See also

[nivo] [bw_jq] [div] [ediv] oik custom image link URL jQuery Fancybox
  • jQuery Fancybox with gallery shortcode
  • jQuery fancybox with nivo slider
  • jQuery fancybox with [bw_images] and [bw_thumbs]
  • jQuery fancybox with [bw_posts]
  • jQuery Fancybox with hand crafted HTML

hover to slideToggle source

[div class=w50p5][bw_jq ".ancybox a" fancybox script=fancybox-1.3.4][nivo class=ancybox id=8905,8886 post_type=attachment][ediv][div class=w50pc]Here we demonstrate the oik nivo slider being used to diplay images which can then be clicked on and viewed in a jQuery fancybox. We use the <code>class=ancybox</code> parameter on the nivo shortcode to match the selector for [bw_code bw_jq]… <code>".ancybox a"</code><strong>Note: </strong>In order to make fancybox open an image you have to set the oik custom image link to be the attachment file name.<ul> <li>Mtrax at Emsworth RHS <em>opens the image</em> in a fancybox </li> <li>Mtrax at Emsworth LHS <em>opens the attachment page</em> in the fancybox (an iframe).Note: 20 August - this is currently only working for logged in users. Problem being investigated.</li></ul><h3>See also</h3>[bw_code nivo][bw_code bw_jq][bw_code div][bw_code ediv][bw_link 2310][bw_parent][bw_tree post_parent=8915 exclude=0][ediv][clear]<hr />[bw_wtf]

Published: July 1, 2013 | Last updated: December 1, 2020

Information

Component:
Letters: J

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