$(document).ready(function() { // build jquery smoothZoom on click $('#imageEinzelAnsichtObjectToggleZoom').live('click', function() { $('#imageEinzelAnsichtObject').css('background-size', 'auto'); $('#imageEinzelAnsichtObject').css('background-position', 'center center'); $('#imageEinzelAnsichtObject').css('background-image', 'url(/instances//images/ajax-loaderMedium.gif)'); // Preload big image und rein damit! var fullImagePath = $('#imageEinzelAnsichtObject').attr('data-rel'); // Bildrelationen holen, damit der Zoom-Kasten die richtigen Masse bekommen kann var xpath = "/getimagesizebyphp/" + str_replace('/', '@@@', fullImagePath) + "/"; var fullWidth = 0; var fullHeight = 0; var newFullHeight = 0; $.ajax({ url: xpath, complete: function(data) { var xdata = data.responseText; var measurements = xdata.split('|'); fullWidth = $.trim(measurements[0]); fullHeight = $.trim(measurements[1]); // Dreisatz.. // Breite ist fest, Höhe muss errechnet werden // Breite = 666 newFullHeight = Math.floor( (664 / fullWidth) * fullHeight); $('#imageEinzelAnsichtObject').animate({ 'height' : newFullHeight }, 300); $("").load(function(){ $('#imageEinzelAnsichtObject').html($(this)); if ($('.smoothZoomImage').length > 0) { $('.smoothZoomImage').smoothZoom({ 'width': '666px', 'height': newFullHeight, 'animation_SMOOTHNESS' : 8, 'animation_SPEED_ZOOM' : 2, 'border_SIZE' : 0, 'border_TRANSPARENCY' : 30 }); } }).attr({ "id":"imageEinzelAnsichtObjectFull", "src": fullImagePath, "alt": "Großes Bild mit Zoom" }); $('#imageEinzelAnsichtObjectToggleZoom').fadeOut(150, function() { $(this).remove(); }); } }); }); });