background preloader

Infos & Ideen

Facebook Twitter

KLONBLOG - der Lifestyle- und Designblog // Fotografie, Werbung, Videos, Design, Technik, Inspiration. Show and tell for designers. Fullscreen Gallery with Thumbnail Flip. 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 […] View demoDownload source 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 be using Flip! And we will also be using the jQuery Mousewheel Plugin by Brandon Aaron. The beautiful images are by talented Polina Efremova. Let’s get started with the markup!

The Markup First, we will add a loading element that we want to show when the images are being loaded: Then, we will create a container for all the images that will be shown in fullscreen: Let’s take a look at the style. The CSS. iGoogle.

Tutorials

InDesign. CSS FREE Templates. FREE PSD FILES | Free PSD resources like textures, icons, buttons, backgrounds and many many more.. Werkzeugkoffer - Ressourcen für Webdesigner und Entwickler. Web-Entwicklung mit Wordpress, Drupal & Magento — Webworking.