Änderungen
merker
(function ($) {
$(function() { var fullImage = $('#file > a');
var regionBrowser = $('<div />', {
id: 'region-browser'
fullImage.after(regionBrowser);
fullImage.css({
display: 'inline-block',
position: 'relative'
}).children('img').css({
verticalAlign: 'bottom'
});
$('.region-info').each(function() {
var c = that.attr('title').split(' ');
var thumbHeight = 100;
svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
image.setAttribute('preserveAspectRatio', 'none');
image.setAttributeNS('http://www.w3.org/1999/xlink', 'href', src);
var marker = $('<span />').css({
border: '1px solid white',
position: 'absolute',
display: 'none',
left: c[0] + '%',
top: c[1] + '%',
width: c[2] + '%',
height: (c[3] * 1.5) + '%',
marginLeft: (-c[2] / 2) + '%',
marginTop: (-c[3] / 2) + '%'
});
marker.appendTo(fullImage);
$(image).appendTo(svg);
$(svg).appendTo(regionBrowser).hover(function() { marker.fadeIn(); }, function() { marker.fadeOut(); });
});
});
})(jQuery);