Weddingbee boards

Has anyone come across something like this for under 100?

Labambaclose

Pair

Top

Bottom

Left

Back

Right

Front

//

(function() {
var current_image;
var levels = [null, "2x","3x","4x"];
var tiles = {
"2x": null,

"3x": {'x':2, 'y':2},

"4x": {'x':3, 'y':3}
};
var current_level = 0;

// Build a Hash of all the images and image metadata
var images = $H({
'p': {
'hires': true,
'normal': 'http://www.zappos.com/images/z/1/0/2/1024825-p-MULTIVIEW.jpg',
'element': ImageCache.fetch('http://www.zappos.com/images/z/1/0/2/1024825-p-MULTIVIEW.jpg?', {'id': 'current-image'}),
'2x': 'http://www.zappos.com/images/z/1/0/2/1024825-p-2x.jpg?',
'3x': 'http://www.zappos.com/images/z/1/0/2/1024825-p-3x.jpg?',
'4x': 'http://www.zappos.com/images/z/1/0/2/1024825-p-4x.jpg?'
},
'1': {
'hires': true,
'normal': 'http://www.zappos.com/images/z/1/0/2/1024825-1-MULTIVIEW.jpg',
'element': ImageCache.fetch('http://www.zappos.com/images/z/1/0/2/1024825-1-MULTIVIEW.jpg?', {'id': 'current-image'}),
'2x': 'http://www.zappos.com/images/z/1/0/2/1024825-1-2x.jpg?',
'3x': 'http://www.zappos.com/images/z/1/0/2/1024825-1-3x.jpg?',
'4x': 'http://www.zappos.com/images/z/1/0/2/1024825-1-4x.jpg?'
},
'2': {
'hires': true,
'normal': 'http://www.zappos.com/images/z/1/0/2/1024825-2-MULTIVIEW.jpg',
'element': ImageCache.fetch('http://www.zappos.com/images/z/1/0/2/1024825-2-MULTIVIEW.jpg?', {'id': 'current-image'}),
'2x': 'http://www.zappos.com/images/z/1/0/2/1024825-2-2x.jpg?',
'3x': 'http://www.zappos.com/images/z/1/0/2/1024825-2-3x.jpg?',
'4x': 'http://www.zappos.com/images/z/1/0/2/1024825-2-4x.jpg?'
},
'3': {
'hires': true,
'normal': 'http://www.zappos.com/images/z/1/0/2/1024825-3-MULTIVIEW.jpg',
'element': ImageCache.fetch('http://www.zappos.com/images/z/1/0/2/1024825-3-MULTIVIEW.jpg?', {'id': 'current-image'}),
'2x': 'http://www.zappos.com/images/z/1/0/2/1024825-3-2x.jpg?',
'3x': 'http://www.zappos.com/images/z/1/0/2/1024825-3-3x.jpg?',
'4x': 'http://www.zappos.com/images/z/1/0/2/1024825-3-4x.jpg?'
},
'4': {
'hires': true,
'normal': 'http://www.zappos.com/images/z/1/0/2/1024825-4-MULTIVIEW.jpg',
'element': ImageCache.fetch('http://www.zappos.com/images/z/1/0/2/1024825-4-MULTIVIEW.jpg?', {'id': 'current-image'}),
'2x': 'http://www.zappos.com/images/z/1/0/2/1024825-4-2x.jpg?',
'3x': 'http://www.zappos.com/images/z/1/0/2/1024825-4-3x.jpg?',
'4x': 'http://www.zappos.com/images/z/1/0/2/1024825-4-4x.jpg?'
},
'5': {
'hires': true,
'normal': 'http://www.zappos.com/images/z/1/0/2/1024825-5-MULTIVIEW.jpg',
'element': ImageCache.fetch('http://www.zappos.com/images/z/1/0/2/1024825-5-MULTIVIEW.jpg?', {'id': 'current-image'}),
'2x': 'http://www.zappos.com/images/z/1/0/2/1024825-5-2x.jpg?',
'3x': 'http://www.zappos.com/images/z/1/0/2/1024825-5-3x.jpg?',
'4x': 'http://www.zappos.com/images/z/1/0/2/1024825-5-4x.jpg?'
},
'6': {
'hires': true,
'normal': 'http://www.zappos.com/images/z/1/0/2/1024825-6-MULTIVIEW.jpg',
'element': ImageCache.fetch('http://www.zappos.com/images/z/1/0/2/1024825-6-MULTIVIEW.jpg?', {'id': 'current-image'}),
'2x': 'http://www.zappos.com/images/z/1/0/2/1024825-6-2x.jpg?',
'3x': 'http://www.zappos.com/images/z/1/0/2/1024825-6-3x.jpg?',
'4x': 'http://www.zappos.com/images/z/1/0/2/1024825-6-4x.jpg?'
}
});

// Copy the source images for zoom to avoid flicker.
ImageCache.copy_url('http://www.zappos.com/images/z/1/0/2/1024825-p-MULTIVIEW.jpg?', 'http://www.zappos.com/images/z/1/0/2/1024825-p-MULTIVIEW.jpg?-magnify');
ImageCache.copy_url('http://www.zappos.com/images/z/1/0/2/1024825-1-MULTIVIEW.jpg?', 'http://www.zappos.com/images/z/1/0/2/1024825-1-MULTIVIEW.jpg?-magnify');
ImageCache.copy_url('http://www.zappos.com/images/z/1/0/2/1024825-2-MULTIVIEW.jpg?', 'http://www.zappos.com/images/z/1/0/2/1024825-2-MULTIVIEW.jpg?-magnify');
ImageCache.copy_url('http://www.zappos.com/images/z/1/0/2/1024825-3-MULTIVIEW.jpg?', 'http://www.zappos.com/images/z/1/0/2/1024825-3-MULTIVIEW.jpg?-magnify');
ImageCache.copy_url('http://www.zappos.com/images/z/1/0/2/1024825-4-MULTIVIEW.jpg?', 'http://www.zappos.com/images/z/1/0/2/1024825-4-MULTIVIEW.jpg?-magnify');
ImageCache.copy_url('http://www.zappos.com/images/z/1/0/2/1024825-5-MULTIVIEW.jpg?', 'http://www.zappos.com/images/z/1/0/2/1024825-5-MULTIVIEW.jpg?-magnify');
ImageCache.copy_url('http://www.zappos.com/images/z/1/0/2/1024825-6-MULTIVIEW.jpg?', 'http://www.zappos.com/images/z/1/0/2/1024825-6-MULTIVIEW.jpg?-magnify');

window.addEvent("domready", function() {
// For each image setup a hover event that calls showImage()
var close = new Element('a', {'href': '', 'text': 'close'});
close.addEvent('click', function(e) {e.preventDefault(); window.close()});
document.getElement('h1').grab(close);

var i = 1;
images.each(function(value, key) {
var link = new Element("a", {'href': '', 'text': key, 'id': 'select-' + key, 'class': 'view-button view' + i});
link.addEvent('click', function(e) {e.preventDefault()});
link.addEvent('mouseover', function(e) {
e.preventDefault();
clear_zoom(true);
showImage(key);
});
$('views').grab(link);
i++;
});

$(document.html).addEvent('mousemove', function(e) {
if ($('zoom-window'))
$('zoom-window').setStyle('display', 'none');
});

// Show the first image by default.
showImage('p');
});

function showImage(key) {
if (current_image == key)
return;
current_image = key;
var image = images[key];

// Clear out old data. Using child.destroy to avoid memory leaks
$('zoom-control').getChildren().each(function(child) {child.destroy()});

$('image').empty();

//Grab new image
$('image').grab(image.element);

if (image.hires) {
$('zoom-control').set('text', 'Magnification: ');

levels.each(function(level, i) {
if (level) {
var el = new Element("a", {'href': '', 'class': 'level ' + level, 'text': level});
el.addEvent('click', function(e) {
e.preventDefault();
this.blur();
current_level = i;
if (!this.hasClass('current'))
zoom(level, image);
else
clear_zoom(true);
});
$('zoom-control').grab(el);
}
});
$('zoom-control').grab(new Element('span', {'text': '(or click image to magnify)'}));

document.getElement('#image img').addEvent('mousedown', function(e) {
var im = next_zoom(image);
if (im)
im.move(e.page.x, e.page.y);
return false;
});
} else {
$('zoom-control').set('text', '');
}
}

function zoom(size, image, coords) {
clear_zoom();
var current = document.getElement('.' + size);
if (current)
current.addClass('current');
return new ImageMagnify($('current-image'), image[size], size.toInt(), true, tiles[size]);
}

function next_zoom(image) {
current_level++;
if (levels[current_level])
return zoom(levels[current_level], image);
else
clear_zoom(true);
}

function clear_zoom(reset_level) {
if (reset_level)
current_level = 0;
$$('.level').removeClass('current');
if ($('zoom-window'))
$('zoom-window').destroy();
}
})();
// ]]>

Magnification: 2x3x4x(or click image to magnify)

p123456

//

//

//

//

Ugh- well all that code is annoying....sorry about that!