Vorlage:BildGrossZoom
Aus BogenWiki
(Unterschied zwischen Versionen)
Nugman (Diskussion | Beiträge) |
Nugman (Diskussion | Beiträge) |
||
| Zeile 28: | Zeile 28: | ||
.btn1d { color:#808080; } | .btn1d { color:#808080; } | ||
.btn1a { color:#80FF80; background-color:#D0D0D0; border: 1px solid #B0B0B0; } | .btn1a { color:#80FF80; background-color:#D0D0D0; border: 1px solid #B0B0B0; } | ||
| - | </style></html> | + | </style> |
| + | <script type="text/javascript"> | ||
| + | function BGZBtnClick(sBtn) | ||
| + | { | ||
| + | eDivNormal = document.getElementById('BGZ-ModeNormal'); | ||
| + | eDivZoom = document.getElementById('BGZ-ModeZoom'); | ||
| + | eDivFSZoom = document.getElementById('BGZ-ModeFSZoom'); | ||
| + | switch (sBtn) { | ||
| + | case 'BGZNormal': | ||
| + | eDivZoom.style.display = 'none'; | ||
| + | eDivFSZoom.style.display = 'none'; | ||
| + | eDivNormal.style.display = 'inline-block'; | ||
| + | break; | ||
| + | case 'BGZZoom': | ||
| + | eDivFSZoom.style.display = 'none'; | ||
| + | eDivNormal.style.display = 'none'; | ||
| + | eDivZoom.style.display = 'inline-block'; | ||
| + | eDivBGZZoomNL = document.getElementById('BGZ-zoom-nl'); | ||
| + | if (eDivBGZZoomNL) { | ||
| + | eDivBGZZoomNL.id = 'BGZ-zoom'; | ||
| + | LoadBGZZoom(); | ||
| + | } | ||
| + | break; | ||
| + | case 'BGZFSZoom': | ||
| + | eDivZoom.style.display = 'none'; | ||
| + | eDivNormal.style.display = 'none'; | ||
| + | eDivFSZoom.style.display = 'inline-block'; | ||
| + | break; | ||
| + | } | ||
| + | } | ||
| + | LoadScriptElem = 0; | ||
| + | function loadScript(url, callback) | ||
| + | { | ||
| + | // Adding the script tag to the head | ||
| + | var eHead = document.getElementsByTagName('head')[0]; | ||
| + | LoadScriptElem = document.createElement('script'); | ||
| + | LoadScriptElem.type = 'text/javascript'; | ||
| + | LoadScriptElem.src = url; | ||
| + | // Then bind the event to the callback function. | ||
| + | // There are several events for cross browser compatibility. | ||
| + | if (typeof(callback) != 'undefined') { | ||
| + | LoadScriptElem.onreadystatechange = callback; | ||
| + | LoadScriptElem.onload = callback; | ||
| + | } | ||
| + | // Fire the loading | ||
| + | eHead.appendChild(LoadScriptElem); | ||
| + | } | ||
| + | function LoadBGZZoom() | ||
| + | { | ||
| + | var DateObj = new Date(); | ||
| + | BGZLoadTimeStart = DateObj.getTime()/1000; | ||
| + | loadScript('/bogenwiki/extensions/BGZ/BGZGate.php?BI=</html>{{{Bild}}}<html>&CL&_WU='+wgUserName+'&_GE=</html>{{{Gebiet}}}<html>&_GE1=</html>{{{Gebiet1|}}}<html>&_KN=</html>{{{MiNr}}}<html>',BGZZoomInit); | ||
| + | } | ||
| + | var BGZZoomInit = function() { | ||
| + | BGZInit("</html>{{{Bild}}}<html>",false,wgUserName,'</html>{{{Gebiet}}}<html>','</html>{{{Gebiet1|}}}<html>',</html>{{{MiNr}}}<html>); | ||
| + | BGZ.eCCScript.parentNode.removeChild(LoadScriptElem); | ||
| + | }; | ||
| + | </script></html> | ||
{|style="background:#C0C0C0" cellpadding="4" cellspacing="1" width="100%" | {|style="background:#C0C0C0" cellpadding="4" cellspacing="1" width="100%" | ||
|-style="background:#E0E0E0" | |-style="background:#E0E0E0" | ||
| Zeile 42: | Zeile 99: | ||
|#default=<html><span style="color:red"><b>Gebiet1 unbekannt! ({{{Gebiet1}}})</b></span></html>}} Jahr | |#default=<html><span style="color:red"><b>Gebiet1 unbekannt! ({{{Gebiet1}}})</b></span></html>}} Jahr | ||
|#default={{{Gebiet}}} MiNr.}} {{{SatzMiNr}}}#{{#ifeq:"{{{Typ}}}"|"Marke"|MiNr{{{MiNr}}}|{{#ifeq:"{{{Typ}}}"|"Link"|{{{Link}}}|Bogen_{{{Bild}}}}}}}|Zurück]]</b> <nowiki | |#default={{{Gebiet}}} MiNr.}} {{{SatzMiNr}}}#{{#ifeq:"{{{Typ}}}"|"Marke"|MiNr{{{MiNr}}}|{{#ifeq:"{{{Typ}}}"|"Link"|{{{Link}}}|Bogen_{{{Bild}}}}}}}|Zurück]]</b> <nowiki | ||
| - | /><html><div class="btn1a" id="BGZ-ModeNormal" onclick="BgFormBtnClick( | + | /><html><div class="btn1a" id="BGZ-ModeNormal" onclick="BgFormBtnClick('BGZNormal');" onmouseenter="this.className='btn1h';" onmouseleave="this.className='btn1n';">Normal</div></html> <nowiki |
| - | /><html><div class="btn1n" id="BGZ-ModeZoom" onclick="BgFormBtnClick( | + | /><html><div class="btn1n" id="BGZ-ModeZoom" onclick="BgFormBtnClick('BGZZoom');" onmouseenter="this.className='btn1h';" onmouseleave="this.className='btn1n';" >Zoom</div></html> <nowiki |
| - | /><html><div class="btn1n" id="BGZ-ModeFSZoom" onclick="BgFormBtnClick( | + | /><html><div class="btn1n" id="BGZ-ModeFSZoom" onclick="BgFormBtnClick('BGZFSZoom');" onmouseenter="this.className='btn1h';" onmouseleave="this.className='btn1n';">Fullscreen-Zoom</div></html> |
|-style="background:black;" | |-style="background:black;" | ||
|<html><div id="BGZ-ModeNormalDiv" style="display:inline-block;width:100%;padding:0px;margin:0px;"></html> | |<html><div id="BGZ-ModeNormalDiv" style="display:inline-block;width:100%;padding:0px;margin:0px;"></html> | ||
| Zeile 56: | Zeile 113: | ||
|align="left" width="10px"|<html><img id="BGZ-thumb" src=""></html> | |align="left" width="10px"|<html><img id="BGZ-thumb" src=""></html> | ||
|align="left" rowspan="2"|<html> | |align="left" rowspan="2"|<html> | ||
| - | <div id="BGZ-zoom" style="display:box;cursor:default;width:100%;height:100px;background-color:black;background-repeat:no-repeat;"></div | + | <div id="BGZ-zoom-nl" style="display:box;cursor:default;width:100%;height:100px;background-color:black;background-repeat:no-repeat;"></div> |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
</html> | </html> | ||
|-valign="center" | |-valign="center" | ||
Version vom 09:32, 10. Nov. 2018
Beschreibung
| ||||||
Beispiele
| ||||||
| Zurück zur Referenzliste der Vorlagen |
