Interactive Design Techniques

jQuery Full Screen 1
jQuery Full Screen 2
jQuery Full Screen 3
jQuery Full Screen 4
jQuery Full Screen 5

Full Screen jQuery Slideshow

A responsive jQuery full screen slide show we did for a gardening project. Sometimes all you need to do is show a series of images with brief captions, so why not take advantage of the full screen instead of just using a little portion of it? You can show your images much larger, and you’re eliminating all other distractions from the rest of the screen.

One of our favorite things about this script is that it works great on mobile devices, so you can also check it out on your smart phone.

SITE URL: http://www.greenhubnetwork.com/Garden2015/ThreeSisters.html


Creating a Full Screen Photo Archive Site
Using a combination of Bootstrap and vector font icons to keep the interface very condensed and refined, it’s possible to develop a complete web site around this concept by providing simple navigation which would link to additional slide shows. Each link would be a different category or topic, and each slideshow would be analogous to a series of pages within that category.

The following site illustrates that technique in a similar way.

SITE URL: http://www.jdlstudio.photography

Share Your Comments