Persönliche Werkzeuge

Vorlage:BildGrossZoom

Aus BogenWiki

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
Zeile 17: Zeile 17:
</html>
</html>
|align="left"|<html>
|align="left"|<html>
-
<div id="BogenZoom-</html>{{{Bild}}}<html>" style="display:box;width:100%;height:100px;background-color:green;">...</div>
+
<div id="BogenZoom-</html>{{{Bild}}}<html>" style="display:box;width:100%;height:100px;background-color:green;background-repeat:no-repeat;">...</div>
<script type="text/javascript">
<script type="text/javascript">
   BogenBild = '</html>{{filepath:{{{Bild}}}.jpg|nowiki}}<html>';
   BogenBild = '</html>{{filepath:{{{Bild}}}.jpg|nowiki}}<html>';
Zeile 32: Zeile 32:
   eBogenZoom = document.getElementById('BogenZoom-</html>{{{Bild}}}<html>');
   eBogenZoom = document.getElementById('BogenZoom-</html>{{{Bild}}}<html>');
   eBogenZoom.style.height = BogenBildH+'px';
   eBogenZoom.style.height = BogenBildH+'px';
 +
  eBogenZoom.style.backgroundImage = 'url('+BogenBild+')';
 +
  eBogenZoom.style.backgroundPosition = '0px 0px';
   function BogenBildGetXY(e) {
   function BogenBildGetXY(e) {
     var x = e.offsetX;
     var x = e.offsetX;

Version vom 22:41, 9. Jul. 2018

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