jQuery plugin for a slick and modern portfolio
HTML JavaScript CSS
Latest commit 98bbaae Mar 13, 2016 Arsene Toumani Update README.md
Permalink
Failed to load latest commit information.
demo change media image May 1, 2014
dist fixed responsiveness onresize, added styles, and cleaned code May 1, 2014
README.md Update README.md Mar 12, 2016
gulpfile.js added dist Apr 23, 2014
package.json added dist Apr 23, 2014

README.md

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.