Colio – jQuery Portfolio Content Expander Plugin
Responsive Portfolio Content Expander Plugin with Black & White Theme
The concept of Colio – jQuery Portfolio Content Expander Plugin is to show particulars about your portfolio gadgets 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 could be simply built-in in present portfolio. Also it’s suitable with fashionable filtering plugins like isotope and quicksand and works on tablets and cellular gadgets!
Features
- Responsive
- Mobile optimized
- Includes black and white theme
- Different placement choices & dynamic inside placement
- Inline or AJAX content material
- Content filters and callbacks
- Easy integration in present portfolio
- Compatible with isotope and quicksand plugins
- Scroll to view function
- Retina-ready navigation
- Valid markup
- JSHint compliant code
- Detailed set up directions
Update to model 1.1 (Feb 02, 2014)
- mounted drawback when css "high" place was not explicitly set to pixel worth for portfolio gadgets in type.css ("inside" placement)
- mounted drawback with the whitespace showing under portfolio listing when opening subsequent merchandise with out closing earlier one ("inside" placement)
Update to model 1.2 (Apr 30, 2014)
- added new possibility “scrollPage” to allow/disable auto scroll to colio viewport
- now auto web page scroll will probably be blocked if you resize window with opened viewport
- to assist dynamic content material inside viewport, you'll be able to set off resize by sending
$('.colio').resize() occasion and make certain no different listeners will run
Update to model 1.3 (May 02, 2014)
- in "inside" placement mode to power Colio viewport to reflow for dynamic content material it is best to use "orientationchange" occasion. For some other placement each "resize" or "orientationchange" occasions will work - in "inside" placement mode onCollapse() callback will probably be executed instantly when window is resized and viewport is collapsed - mounted small drawback with isotope plugin and "inside" placement mode
Update to model 1.4 (Sep 25, 2014)
- to focus on particular component in content material loaded through AJAX you'll be able to append #component selector proper to the URL in "information-content material" attribute - modified code associated to "contentFilter" plugin possibility
Update to model 1.5 (Jul 24, 2015)
- added new possibility "beforeLastRow" that may place viewport beneath final row of things in "inside" placement mode - mounted bug when typically in "inside" placement mode viewport was overlaying gadgets in grid
Credits
Following plugins have been utilized in preview – Isotope, Quicksand, Fancybox, Flexslider
CUSTOMIZATION & REMOTE WORK
I’m out there additionally for distant work! So if you’ll want to 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. Also I may help to put in my plugin or customise it to match your web site design.
