Guymon

jQuery: Cloud Zoom

Ich bin gerade sehr angetan von dem jQuery Plugin Cloud Zoom. Das Plugin ermöglicht einen Bilder-Zoom und das macht es sehr schick.

Features:

• Works with most browsers (tested on IE6+, Firefox, Chrome, Opera, Safari).
• Easy integration with basic valid HTML.
• Small 6Kb (minified) script.
• Smooth zoom movement.
• Gallery mode.
• Tint, soft focus and inner zoom features.
• Degrades gracefully with Javascript turned off.
• Fully accessible with no CSS or text only browsers.
• It’s completely free.

Es muss nicht immer JavaScript sein

Das man nicht immer JavaScript braucht um schöne Effekte zu realisieren zeigt Ryan Seddon.

In this tutorial, I will be going over creating flexible advanced hover techniques using CSS2.1 properties.

Bilder Zoom mit Canvas

Cool, leider etwas langsam mit Firefox, Wadda:

Wadda is the next generation image zooming technology utilizing Canvas technology to zoom into images. This allows user to have multiple levels of zoom without having multiple high definition images for each level of zoom.

jqFancyTransitions

Schicke Slideshows lassen sich mit jqFancyTransitions bauen:

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.

Re-sizeable Background Images

Über ein Posting von Jamie Talbot in dem er ein sich überblendenden Hintergrund vorstellt bin ich auf Perfect Full Page Background Image gestoßen. Das Ziel:

• Fills entire page with image, no white space
• Scales image as needed
• Retains image proportions
• Image is centered on page
• Does not cause scrollbars
• Cross-browser compatible
• Isn’t some fancy shenanigans like Flash

Das MarkUp ist hässlich, aber funktioniert.