The jQuery plugin is completely free and totally open source, and there is literally no better way to make your website look totally stunning. If you don’t believe us, check out the list of features below and you soon will. Beautiful Transition Effects The Nivo Slider makes displaying your gallery of images a beautiful experience, by using amazing transition effects ranging from slicing and sliding to fading and folding. Simple and Flexible Setup The Nivo Slider was designed to be as simple to setup and use as it could possibly be. Small, Semantic & Responsive The Nivo Slider is also designed to have as small an impact as possible on your page load times, so the packed version only weighs 15kb. Free to Use & Abuse The Nivo Slider jQuery plugin is open source and released under the MIT license.
Powerful & Simple Slider Creation Multiple Slider Types Slider Themes. Sliding Background Image Menu with jQuery. Today we want to share another jQuery menu with you.
This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu will slide out from the bottom. This menu comes with some configuration possibilities, such as size of the image, the hover effect and custom default states.
View demoDownload source Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. The idea of this navigation is based on the Beautiful Background Image Navigation with jQuery, a tutorial that had a similar effect. The beautiful gastronomy photography is by Manoel Petry:Manoel Petry’s Flickr PhotostreamManoel Petry’s Website The images are licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.0 Generic License.
Examples View demoDownload source. Shutter Effect Portfolio with jQuery and Canvas - Nuefolio Magazine. In this tutorial, we will be using the HTML5 canvas element to create a simple photography portfolio, which displays a set of featured photos with a camera shutter effect.
The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture. The ribbon will show some description next to the picture and […] View demo Download source Today we want to show you how to create a neat image wall with jQuery. Expanding Fullscreen Grid Portfolio. Today we want to share a neat experimental portfolio template with you.
The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view more, we expand the according item to fullscreen in order to show a longer description of the item and a representative fullscreen background image. View demo Download source Each item has a little slideshow of thumbs which will be animated to the right position once the portfolio item gets “expanded”.