Vorlage:BildGrossZoom
Aus BogenWiki
(Unterschied zwischen Versionen)
Nugman (Diskussion | Beiträge) |
Nugman (Diskussion | Beiträge) |
||
| Zeile 14: | Zeile 14: | ||
|-style="background:#000000" | |-style="background:#000000" | ||
|align="left" width="10px"|<html> | |align="left" width="10px"|<html> | ||
| - | <img id="BogenSmall-</html>{{{Bild}}}<html>" src="">< | + | <img id="BogenSmall-</html>{{{Bild}}}<html>" src=""> |
| - | + | </html> | |
| + | |align="left"|<html> | ||
| + | <div id="BogenZoom-</html>{{{Bild}}}<html>" style="display:box;width:100%;height:100px;background-color:green;">...</div> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
BogenBild = '</html>{{filepath:{{{Bild}}}.jpg|nowiki}}<html>'; | BogenBild = '</html>{{filepath:{{{Bild}}}.jpg|nowiki}}<html>'; | ||
| Zeile 28: | Zeile 30: | ||
eBogenSmall.height = BogenBildH; | eBogenSmall.height = BogenBildH; | ||
eBogenSmall.addEventListener('mousemove', BogenBildGetXY); | eBogenSmall.addEventListener('mousemove', BogenBildGetXY); | ||
| + | eBogenZoom = document.getElementById('BogenZoom-</html>{{{Bild}}}<html>'); | ||
| + | eBogenSmall.height = BogenBildH; | ||
function BogenBildGetXY(e) { | function BogenBildGetXY(e) { | ||
var x = e.offsetX; | var x = e.offsetX; | ||
| Zeile 35: | Zeile 39: | ||
} | } | ||
</script></html> | </script></html> | ||
| + | |-style="background:#000000" | ||
|align="left"|<html> | |align="left"|<html> | ||
| - | < | + | <span style="color:white">X = <span id="BogenBildX">...</span>, y = <span id="BogenBildY">...</span></span> |
</html> | </html> | ||
|-style="background:#E0E0E0" | |-style="background:#E0E0E0" | ||
Version vom 22:26, 9. Jul. 2018
| [[{{{Gebiet}}} MiNr. {{{SatzMiNr}}}#Bogen_{{{Bild}}}|Zurück]] | ||
|
|
...
| |
| X = ..., y = ... | ||
| [[{{{Gebiet}}} MiNr. {{{SatzMiNr}}}#Bogen_{{{Bild}}}|Zurück]] | ||
