jQuery portBox plugin examplesProject display demo
This is my personal portfolio website. I designed this site over 6 different ways each design looking nothing like the one before it and finally settling on the good ol' one page portfolio. All said and done I'm pretty happy with the end result.
- Joey Navarro
- Design, Development, Maintenance
What ever you want to add can go in here
Step 1: Attach portBox files and jQuery library
The portBox zip contains a combined portBox.slimscroll.min.js file and separate portBox slimmscroll files. If you don't want the scroll function or know you'll never need it, just add the stand alone portBox.min.js file.
Step 2: portBox Handler and Markup
Set the "data-display" attribute on th handler element equal to the ID of the portBox you want to display when the element is clicked.
The portBox Handler can be any HTML element but an anchor tag is always best.
This is the HTML markup for the portBox project layout.
Step 3: Set any options if you want to change the defaults
To set custom options on a portBox add "data-" followed by the option you want to change and equal to the new value.
The available options and values are:
Sets the entrance animation for the portBox
Sets the speed of entrance and exit animations, can be set to any numerical value
Sets whether the portBox should close when the background is clicked or not, set to "true" or "false"