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.
Best jQuery Fullscreen Plugins & Tutorials with Demo
In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.
A self-contained jQuery plugin that enables element and fullscreen overlays, with optional static and dynamic modal content – that virtually eliminates the need for additional html or css code.
Vegas is a jQuery plugin to add beautiful fullscreen backgrounds to your webpages. You can even create amazing Slideshows.
ytPlayer is a feature-rich, “Chromeless” YouTube player solution designed to help webmasters create a custom YouTube player.
The ytPlayer offers a full array of script-ready options, methods, and functions to help you control and interact with the player. Options for ytPlayer include playlists, playlist categories, shuffle, repeat, fullscreen, a jQuery plugin, a right-click context menu with playback controls and playlist, and more.
A simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS.
With the help of some small HTML, nifty CSS and loads of jQuery, we’re able to create an animated fullscreen background image slideshow. Read the rest of this article to learn how it’s built.You can easily change the script by changing some variables. It also features image preloading and keyboard navigation (try pressing the numeric keys). The background images have a width of 2000px, just to cover most of the currently used screen resolutions.
In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when navigating through the images. The big image will slide up or down depending where we are navigating to. We will add navigation controls for the mousewheel and for keys. The thumbnail will have a zoom and and a fullscreen option, making the image in the background appear in fullscreen mode or as a complete image, resized to fit in the page.
Supersized 3.0 – Full Screen Background & Slideshow jQuery Plugin.Resize images to fill the entire browser window while maintaining proportional dimensions.Fullscreen slideshow complete with transitions, navigation, captions, and preloading.Integrate with existing sites or create your own portfolio gallery.