/* WICHTIG!!! Dieses Script benötigt: Sonst geht nix.. ;) */ var ns = new Boolean(); ns = (navigator.appName == 'Netscape'); kleinhoehe=430; //Höhe des kleinen Bildes kleinbreite=710; //570 //Breite des kleinen Bildes grosshoehe=1150; //Höhe des großen Bildes grossbreite=1450; //Breite des großen Bildes anzeigenhoehe=240; //Höhe des Layers in dem die Vergrösserung angezeigt wird anzeigenbreite=320; //Breite des Layers in dem die Vergrösserung angezeigt wird anzeigenlayer='zoom_layer'; //name des Layers in dem die Vergrösserung angezeigt wird markier='mark'; layerklein='main'; function maus(e){ if (document.getElementById(layerklein)!=null) { /* if (ns){ xposklein= ((innerWidth-1000)/2 + 400) + document.getElementById(layerklein).style.left;//document.all[layerklein].style.left; //X-Koordinate des kleinen bildes yposklein=((innerHeight-600)/2) + document.getElementById(layerklein).style.top; //Y-Koordinate des kleinen Bildes }else{ xposklein= ((document.body.offsetWidth-1000)/2 +380) + document.all[layerklein].style.left; //X-Koordinate des kleinen bildes yposklein=((document.body.offsetHeight-600)/2 + 60) + document.all[layerklein].style.top; //Y-Koordinate des kleinen Bildes } }*/ if (ns){ xposklein= (innerWidth/2) - 180 + document.getElementById(layerklein).style.left;//document.all[layerklein].style.left; //X-Koordinate des kleinen bildes yposklein=((innerHeight-600)/2) + document.getElementById(layerklein).style.top; //Y-Koordinate des kleinen Bildes }else{ xposklein = (document.body.offsetWidth / 2) - 130 + document.all[layerklein].style.left; // xposklein= ((document.body.offsetWidth-1000)/2 + /*380*/380) + document.all[layerklein].style.left; //alert(xposklein);//X-Koordinate des kleinen bildes yposklein=((document.body.offsetHeight-600)/2 + /*60*/ 45) + document.all[layerklein].style.top; //Y-Koordinate des kleinen Bildes }} else { xposklein=408; yposklein=197; } // xposklein=408; yposklein=180; if (ns) { mausx = e.pageX - 1-xposklein; mausy = e.pageY - 1-yposklein; } else { mausx=window.event.clientX - xposklein; mausy=window.event.clientY -yposklein + document.body.scrollTop; } if (xposklein!=-1000 && yposklein!=-1000){ pos(anzeigenlayer, mausx, mausy, kleinhoehe, kleinbreite, grosshoehe, grossbreite, anzeigenhoehe, anzeigenbreite, markier); } } function init() { if (ns) document.captureEvents(Event.MOUSEMOVE); } function pos(layername, xpos, ypos, kleinhoehe, kleinbreite, grosshoehe, grossbreite, anzeigenhoehe, anzeigenbreite, markier){ zoomy=grosshoehe/kleinhoehe; zoomx=grossbreite/kleinbreite; if(ypos>kleinhoehe||ypos<=0||xpos>kleinbreite||xpos<=0){ rahmen = "hidden"; } else{ rahmen = "visible"; } if(xpos>kleinbreite||xpos<=0){ xzoom=-10000; xklein=-10000; }else{ xzoom=(anzeigenbreite/2)-(xpos*zoomx); xklein=xpos-((anzeigenbreite/zoomx)/2); if(xklein<0){ xzoom=0; xklein=0; }else if(xklein + (anzeigenbreite/zoomx) > kleinbreite){ xklein = kleinbreite - (anzeigenbreite/zoomx); xzoom=(anzeigenbreite/2)-((kleinbreite-anzeigenbreite/zoomx/2)*zoomx); } } if(ypos>kleinhoehe||ypos<=0){ yzoom=-10000; yklein=-10000; }else{ yzoom=(anzeigenhoehe / 2)-(ypos*zoomy); yklein=ypos-((anzeigenhoehe/zoomy)/2); if(yklein<0){ yzoom=0; yklein=0; }else if(yklein + (anzeigenhoehe/zoomy) > kleinhoehe ){ yzoom=(anzeigenhoehe/2)-((kleinhoehe-anzeigenhoehe/zoomy/2)*zoomy); yklein= kleinhoehe - (anzeigenhoehe/zoomy) } } if (document.layers) { document.layers[layername].left = xzoom; document.layers[layername].top = yzoom; document.layers["zoom_layer"].visibility = rahmen; } else if (window.netscape) { document.getElementsByTagName("div")[layername].style.left = xzoom; document.getElementsByTagName("div")[layername].style.top = yzoom; document.getElementsByTagName("div")[markier].style.left = xklein; document.getElementsByTagName("div")[markier].style.top = yklein; document.getElementsByTagName("div")[markier].style.width = anzeigenbreite/zoomx; document.getElementsByTagName("div")[markier].style.height = anzeigenhoehe/zoomy; document.getElementsByTagName("div")["zoom_layer"].style.visibility = rahmen; } else{ document.all[layername].style.left = xzoom; document.all[layername].style.top = yzoom; document.all[markier].style.width = anzeigenbreite/zoomx; document.all[markier].style.height = anzeigenhoehe/zoomy; document.all[markier].style.left = xklein; document.all[markier].style.top = yklein; document.all["zoom_layer"].style.visibility = rahmen; } } function poslayer() { kleinlayer='main'; anzeigelayer='zoom_layer'; if (ns) { fensterbreite = innerWidth; fensterhohe = innerHeight; } else { fensterbreite = document.body.offsetWidth; fensterhohe = document.body.offsetHeight; } document.all[kleinlayer].style.left = 0 ; document.all[anzeigelayer].style.overflow = "visible"; document.all[anzeigelayer].style.left = 0; document.all[anzeigelayer].style.overflow = "hidden"; } document.onmousemove=maus;