Guymon

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.

jQuery Image Plugins

Und zwei neue jQuery Plugins: zum einen maximage.

This plugin will resize and scale targeted images to their max width according to the image ratio, the browser size and some simple options.

Cool mal sehen ob ich das irgendwo mal brauchen kann.

Das zweite Plugin ist der Lightbox Clone imgBox, der einen sehr schönen Effekt hat.

Content Aware Image Resizing with JavaScript

Das ist verdammt cool: A JavaScript implementation of the Content Aware Image Resizing (Liquid Rescale) algorithm. Eine Demonstration gibt es für Firefox 3.5 User hier.

The process involves 4 iterative steps, starting with a source image.
1 - It Generates a grayscale image from the source
2 - It generates an edge detection and an energy map from the grayscale image
3 - It generates a seam of the lowest energy
4 - It slices the seam from the source

Firefox 3.5

Auf hacks.mozilla.org gibt es einige interessante Beispiele was mit Firefox 3.5 möglich sein wird. Zwei Dinge die mir ins Auge gesprungen sind:

Firefox 3.5 includes a simple JavaScript API that allows you to quickly geo-enable your web application. It allows users to optionally share their location with websites without having to type in a postal code.
(…)
Content Aware Image Resizing is a way to re-target an image size without modifying its content ratio, in other words : non-linear image resizing.

Fluid Images

Ethan Marcotte stellt ein Script vor mit dem sich Fluid Images realisieren lassen. Die Lösung scheint zunächst recht simple:

img {
	// IE
	width: 100%
	// richtige browser
	max-width: 100%;
}

With that, the larger issue was basically sorted: namely, that a non-fixed page’s layout won’t break if images or stupid Youtube movies were dropped into the markup. Hooray, right? As it turns out, not quite. Not quite hooray at all.

(…)

The challenging bit is that this isn’t a browser-specific problem, but a platform-specific one: native image scaling on Windows just, well, kind of sucks. Specifically, if you’re on any version of Internet Explorer (prior to version IE8) or on a version of Firefox older than 3.0 on Windows, things look decidedly janky: the text gets painfully artifacted as the image resizes, beyond the point of maintaining any semblance of legibility. Thankfully, it’s fixable.

Die Lösung ist ein kleines JavaScript was sich Microsoft’s AlphaImageLoader zu nutze macht.