🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

This jQuery plugin helps you display and organize your portfolio pieces in a slick & responsive fashion. Easy to set up and get going.

Gallery Plugins

Documentation

jQuery-Portfolio

This plugin helps you display and organize your portfolio pieces in a slick & responsive fashion. Easy to set up and get going. Check out the demo here

Demo:

View the full demo here

Installation:

  • Get both /dist/portfolio.jquery.min.js and /dist/portfolio.jquery.min.css files included in your html file
  • Add $("#MyPortfolio").portfolio({ options }); to your script tags or JS file
  • Append and edit (to your liking) the HTML snippet you find in /demo/index.html
  • That's it! really, you just have to follow what's going on in the /demo folder ;)

Options:

$("#MyPortfolio").portfolio({     cols: 3 // Number of columns you want your thumbnails to take. Default is 3     transition: 'slideDown' // What jQuery transition effect you want. Default is slideDown });

For more options, just request in the issue tracker.

Developers:

  • Clone the repo onto your desktop
  • run npm install to install all dependencies
  • run gulp for CSS and JS minification

You really only need to work in the demo folder then run gulp later.


You May Also Like