FooGallery ZOOM Template

A simple gallery with one really cool feature: ZOOM!

A custom template for FooGallery which allows your visitors to magnify your images with a magnifying glass-like effect.

Like other FooGallery templates you can customize the image size, border styles and shapes. With ZOOM! You can also customize the lens size, lens border, shadow depth. You can also set your thumbnails to have a grayscale or blurred effect either on load or on hover. Blur/grayscale only effects the thumbnail, so that when you look through the magnifying glass you still have a sharp, crisp, and full-color image magnified.

Useful Resources

• Download FooGallery
• Contribute to FooGallery on Github
• Check out my other template: Owl Carousel
• Found out more about Matt Cromwell, author of this plugin

This is a normal plugin, and can be installed as normal.

Downloading the Zip?

1. Upzip the zip
2. Upload the zip to the /wp-content/plugins/ directory
3. Activate the plugin through the ‘Plugins’ menu in WordPress

Searching in the backend

1. Go to “Plugins > Add New” then click “Search”
2. In the search field type “FooGallery Owl Carousel”
3. Click install
4. Click Activate

1. Where’s the Documentation?
   We’ll have a detailed walkthrough of using ZOOM! at the FooPlugins Documentation site soon.

2. Can I customize the look of the zoom with CSS?
   Feel free, but just know that the CSS being used now is carefully crafted to make the zoom effect possible. Your custom styles could wreck it. That’s why I built-in the border styles and lens size into the settings. I figured those were the things users would be most concerned with customizing.

Installation Instructions

This is a normal plugin, and can be installed as normal.

1. Upzip the zip
2. Upload the zip to the /wp-content/plugins/ directory
3. Activate the plugin through the ‘Plugins’ menu in WordPress

1. Go to “Plugins > Add New” then click “Search”
2. In the search field type “FooGallery Owl Carousel”
3. Click install
4. Click Activate

1. 

   Front-end Zoom Effect

2. 

   Gray/Blur settings in the backend.

3. 

   Front-end showing Zoom with blurred and grayed thumbnail image.

4. 

   Front-end showing round, grayed thumbnails with zoom.

5. 

1.1.1 July 17, 2016

• Template updates for FooGallery 1.2+ compatibility

1.1 February 5, 2015

• General Updates for WP 4.1 compatibility
• Installation typos
• Update verseions for proper SVN usage

1.0

• Initial Release

Coming Soon

• Internationalization
• Trigger lightbox on click