Gallery Filterportfolio Filter For Gallery Element



  1. Gallery Filter Portfolio Filter For Gallery Element 2017
  2. Gallery Filter Portfolio Filter For Gallery Element Model

Elastic Grid is a powerful, responsive, interactive, filterable jQuery & CSS3 image gallery plugin designed for portfolio websites. It allows your visitors to easily sort with many CSS3 effects. When visitors click on a thumbnail, it will open a preview and show a larger image and some other content like a title, a description and a link.

EA Filterable Gallery gives you the opportunity to design wonderful gallery layout for your contents. You can showcase as many images as you want. In this tutorial, I'm going to show you how to create portfolio page with filtering and also hover effect for each of your project item. We will be using a CSS3 and jQuery filter & sort plugin called MixItUp. Follow these steps to work in the Filter Gallery: Choose Filter→Filter Gallery in either Edit Full or Edit Quick mode. The Filter Gallery editing window appears. Image Gallery Create a beautiful image gallery with the Ultimate Addon’s Image Gallery widget that supports the default WordPress gallery and adds several advanced options to it. Watch Walk-through Video Filter Images within your Gallery Create an Image Gallery with a Masonry layout and add filters to facilitate sorting and ordering of images. You can Image Gallery Read More ». Step 2: Adding Images in the Gallery. Now we will be adding the images to the gallery in groups. These groups of images will help us bifurcate the pictures. For this, first, click on the Add Item button and give your filter a proper name. Do keep in mind, this name will be displayed on the filter button over the gallery.

2017

Basic Usage:

1. Include the latest jQuery javascript library and other necessary javascript files in the page.

2. Include the jQuery Elastic Grid plugin's javascript and CSS after jQuery library.

Gallery

3. Create an empty container element for the PortfolioGallery.

4. Call the plugin with options on the element you just created, and set the image data following the structure:

Portfolio

Change log:

2017-06-02

  • JS Update

2017-05-31

  • fix filter position

2017-05-30

  • fix offset top issue
Gallery Filterportfolio Filter For Gallery Element

2017-04-24

  • Grid w/ youtube & vivimeo embeded

2017-02-08

  • JS update

2017-01-04

  • show title in images

This awesome jQuery plugin is developed by vukhanhtruong. For more Advanced Usages, please check the demo page or visit the official website.

  • Prev: Nice One Page Scrolling Effect with jQuery StackingSlides Plugin
  • Next: Flexible & Responsive jQuery Grid Layout Plugin - Flexgrid