Template:MapLightbox: Difference between revisions

From HighSpell Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(44 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>
<includeonly>{{#tag:html|<span class="fslightbox-wrapper" style="display:inline;">{{#if:{{{label|}}}||<img src="/w/images/3/39/World.png" alt="Map Icon" style="height:1em; vertical-align:middle; margin-right:0.33em;">}}<a data-fslightbox="lightbox" href="#mapbox-x{{{xPos}}}-y{{{yPos}}}">{{{label|View Map}}}</a><iframe id="mapbox-x{{{xPos}}}-y{{{yPos}}}" src="https://highlite.fanet.dev/map?wikiMap=true&lvl={{#replace:{{{lvl|Overworld}}}|Underground|Underworld}}&pos_x={{#expr:{{{xPos|0}}}+512.5}}&pos_y={{#expr:{{{yPos|0}}}+512.5}}" width="1920" height="1080" frameborder="0" allow="autoplay; fullscreen" allowfullscreen data-fslightbox-target></iframe></span>|parse=yes}}</includeonly>
{{#tag:html|
<a href="#" class="open-map-lightbox">📍 View map</a>
<div id="map-lightbox" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.75); z-index:10000;">
  <div style="position:relative; width:90%; max-width:1000px; height:80%; margin:5% auto; background:#000;">
    <iframe src="{{{1}}}" style="width:100%; height:100%; border:none;"></iframe>
    <button id="close-map-lightbox" style="position:absolute; top:10px; right:10px; background:#fff; border:none; padding:5px 10px; font-weight:bold;"></button>
  </div>
</div>
|parse=yes}}
</includeonly>

Latest revision as of 15:28, 15 June 2025