Persönliche Werkzeuge

Vorlage:BildGrossZoom

Aus BogenWiki

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
Zeile 51: Zeile 51:
       var BogenBildHz = eBogenZoom.clientHeight;
       var BogenBildHz = eBogenZoom.clientHeight;
       var BogenBildWz = eBogenZoom.clientWidth;
       var BogenBildWz = eBogenZoom.clientWidth;
-
       var BildX = (x*10-BogenBildWz/2 < 0 ? 0 : (x*10+BogenBildWz/2 > BogenBildW ? BogenBildW-BogenBildWz : x*10-BogenBildWz/2));
+
       var BildZoomX = (x*10-BogenBildWz/2 < 0 ? 0 : (x*10+BogenBildWz/2 > BogenBildW ? BogenBildW-BogenBildWz : x*10-BogenBildWz/2));
-
       var BildY = (y*10-BogenBildHz/2 < 0 ? 0 : (y*10+BogenBildHz/2 > BogenBildH ? BogenBildH-BogenBildHz : y*10-BogenBildHz/2));
+
       var BildZoomY = (y*10-BogenBildHz/2 < 0 ? 0 : (y*10+BogenBildHz/2 > BogenBildH ? BogenBildH-BogenBildHz : y*10-BogenBildHz/2));
-
       eBogenZoom.style.backgroundPosition = '-'+BildX+'px -'+BildY+'px';
+
       eBogenZoom.style.backgroundPosition = '-'+BildZoomX+'px -'+BildZoomY+'px';
       var rect = eBogenSmall.getBoundingClientRect();
       var rect = eBogenSmall.getBoundingClientRect();
-
       eBogenSmallOverlay.style.top = ''+(rect.top+BildX-(eBogenZoom.clientHeight/2))+'px';
+
      var BildSmallX = (x-BogenBildWz/20 < 0 ? 0 : (x+BogenBildWz/20 > BogenBildW ? BogenBildW-BogenBildWz/10 : x-BogenBildWz/20));
-
       eBogenSmallOverlay.style.left = ''+(rect.left+BildY-(eBogenZoom.clientWidth/2))+'px';
+
      var BildSmallY = (y-BogenBildHz/20 < 0 ? 0 : (y+BogenBildHz/20 > BogenBildH ? BogenBildH-BogenBildHz/10 : y-BogenBildHz/20));
 +
       eBogenSmallOverlay.style.top = ''+(rect.top+BildSmallY)+'px';
 +
       eBogenSmallOverlay.style.left = ''+(rect.left+BildSmallX)+'px';
       eBogenSmallOverlay.style.height = ''+(eBogenZoom.clientHeight/10)+'px';
       eBogenSmallOverlay.style.height = ''+(eBogenZoom.clientHeight/10)+'px';
       eBogenSmallOverlay.style.width = ''+(eBogenZoom.clientWidth/10)+'px';
       eBogenSmallOverlay.style.width = ''+(eBogenZoom.clientWidth/10)+'px';

Version vom 09:38, 11. Jul. 2018

 [[{{{Gebiet}}} MiNr. {{{SatzMiNr}}}#Bogen_{{{Bild}}}|Zurück]]
X = ..., y = ... | ClientWidth = ..., ClientHeight = ..., bFollowMouseMove = ...
 [[{{{Gebiet}}} MiNr. {{{SatzMiNr}}}#Bogen_{{{Bild}}}|Zurück]]