[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-weight-zone-shipping v0.2.13 oik-weight-zone-shipping v0.2.13 has been tested with WooCommerce 10.1.2 and WordPress 6.8.2 ...
SB Children Block v1.3.0 Upgrade to SB Children Block v1.3.0 for support for PHP 8.3 and PHP 8.4  ...
oik v4.15.3 Update to oik v4.15.3 for a couple of security fixes. Tested with WordPress 6.8.2 ...
oik-privacy-policy v1.4.9 Update to oik-privacy-policy v1.4.9 for a security fix. Tested with WordPress 6.8.2 and PHP 8.3 and PHP 8.4 ...
oik-nivo-slider v1.17.0 oik-nivo-slider v1.17.0 introduces the Nivo slider block - oik-nivo-slider/nivo. ...

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-2025. All rights reserved.


Website designed and developed by Herb Miller of Bobbing Wide
Proudly powered by WordPress and oik-plugins

WordPress version: 6.8.3

Gutenberg version: 21.7.0

PHP version: 8.2.29