Responsive Portfolio Content material Expander Plugin with Black & White Theme
The concept of Colio – jQuery Portfolio Content material Expander Plugin is to show particulars about your portfolio objects on the identical web page in type of expandable viewport that may present up above, under or inside your portfolio grid. Colio contains black and white theme for fast begin and will be simply built-in in present portfolio. Additionally it’s suitable with widespread filtering plugins like isotope and quicksand and works on tablets and cellular units!
Options
- Responsive
- Cellular optimized
- Contains black and white theme
- Totally different placement choices & dynamic inside placement
- Inline or AJAX content material
- Content material filters and callbacks
- Straightforward integration in present portfolio
- Suitable with isotope and quicksand plugins
- Scroll to view characteristic
- Retina-ready navigation
- Legitimate markup
- JSHint compliant code
- Detailed set up directions
Replace to model 1.1 (Feb 02, 2014)
- mounted downside when css "high" place was not explicitly set to pixel worth for portfolio objects in type.css ("inside" placement)
- mounted downside with the whitespace showing under portfolio listing when opening subsequent merchandise with out closing earlier one ("inside" placement)
Replace to model 1.2 (Apr 30, 2014)
- added new choice “scrollPage” to allow/disable auto scroll to colio viewport
- now auto web page scroll can be blocked if you resize window with opened viewport
- to help dynamic content material inside viewport, you possibly can set off resize by sending
$('.colio').resize() occasion and be certain no different listeners will run
Replace to model 1.3 (Could 02, 2014)
- in "inside" placement mode to pressure Colio viewport to reflow for dynamic content material you must use "orientationchange" occasion. For another placement each "resize" or "orientationchange" occasions will work - in "inside" placement mode onCollapse() callback can be executed instantly when window is resized and viewport is collapsed - mounted small downside with isotope plugin and "inside" placement mode
Replace to model 1.4 (Sep 25, 2014)
- to focus on particular ingredient in content material loaded through AJAX you possibly can append #ingredient selector proper to the URL in "data-content" attribute - modified code associated to "contentFilter" plugin choice
Replace to model 1.5 (Jul 24, 2015)
- added new choice "beforeLastRow" that may place viewport beneath final row of things in "inside" placement mode - mounted bug when typically in "inside" placement mode viewport was protecting objects in grid
Credit
Following plugins have been utilized in preview – Isotope, Quicksand, Fancybox, Flexslider
CUSTOMIZATION & REMOTE WORK
I’m accessible additionally for distant work! So if you could modify the plugin (add further options or change present) be at liberty to contact me through the feedback or through my web site’s Contact Form. Additionally I will help to put in my plugin or customise it to match your web site design.
