welcoming screen at opening of application

50 views
Skip to first unread message

Ahsan Abbas

unread,
Jul 12, 2016, 12:26:36 PM7/12/16
to Leaflet
Hello Guys

I want to insert welcoming screen in my Web GIS application using leaflets, the screen should display for 5 sec and then auto hide. How can we do this, i am new so i need little assistance ? 

Thanks

k_man_au

unread,
Aug 1, 2016, 10:57:07 PM8/1/16
to Leaflet
<div id="welcomeDiv" style="z-index:9999;">My welcome screen</div>

<script>
setTimeout(function() { hideWelcome(); }, 5000);

function hideWelcome() {
$( "#welcomeDiv" ).hide("slow", function() { return false; });
}
</script>


alter to suit : )

Ahsan Abbas

unread,
Sep 7, 2016, 2:31:29 AM9/7/16
to Leaflet
Thank you for reply, but i have to insert Picture for welcoming screen. Where do i insert picture in given code ?

k_man_au

unread,
Sep 8, 2016, 2:32:25 AM9/8/16
to Leaflet
easy :) change 

<div id="welcomeDiv" style="z-index:9999;">My welcome screen</div>

for something like this

<div id="welcomeDiv" style="z-index:9999;"><img src="mylogo.png" alt="Logo" height="150" width="200"></div>
Reply all
Reply to author
Forward
0 new messages