Difference between revisions of "Widget:Rc3map"

From The Wiki of Illuna
Line 1: Line 1:
<div class="embed-responsive embed-responsive-16by9" id=rc3-map>
<!--<div class="embed-responsive embed-responsive-16by9" id=rc3-map>
<iframe height="600" width="700" scrolling="no" style="border: 0px; overflow: hidden;" class="embed-responsive-item" src="https://illuna-minetest.tk/rc3world-livemap/#!/map/0/11/-485/6"></iframe>
<iframe height="600" width="700" scrolling="no" style="border: 0px; overflow: hidden;" class="embed-responsive-item" src="https://illuna-minetest.tk/rc3world-livemap/#!/map/0/11/-485/6"></iframe>
</div>
</div>-->
 
 
    <div class="embed-responsive embed-responsive-16by9" id=rc3-map>
      <div id="activate-rc3-map" style="cursor:pointer;">
        <img class="embed-responsive-item livemapcover" src="https://wiki.illuna-minetest.tk/images/c/c7/Mapstarter.jpg" alt="rc3mapcover" />
      </div>
    </div>
 
<script>
$(function(){
    $('#activate-rc3-map').click(function(){
        if(!$('#rc3mapframe').length) {
            document.getElementById('rc3-map').innerHTML = '';
            $('#rc3-map').html('<iframe height="600" width="700" scrolling="no" id="rc3mapframe" style="border: 0px; overflow: hidden;" class="embed-responsive-item" src="https://illuna-minetest.tk/rc3world-livemap/#!/map/0/11/-485/6"></iframe>');
        }
    }); 
});
</script>

Revision as of 22:09, 17 December 2020


       <img class="embed-responsive-item livemapcover" src="https://wiki.illuna-minetest.tk/images/c/c7/Mapstarter.jpg" alt="rc3mapcover" />

<script> $(function(){

   $('#activate-rc3-map').click(function(){ 
       if(!$('#rc3mapframe').length) {
           document.getElementById('rc3-map').innerHTML = ;
           $('#rc3-map').html('<iframe height="600" width="700" scrolling="no" id="rc3mapframe" style="border: 0px; overflow: hidden;" class="embed-responsive-item" src="https://illuna-minetest.tk/rc3world-livemap/#!/map/0/11/-485/6"></iframe>');
       }
   });   

}); </script>