mmx110 Posted June 12, 2016 Posted June 12, 2016 Hi Forum I want to show animated Gif Or Picture exactly after that User entered domain address in the Browser and before UniGUI Framework Initialization to fill a little time Gap that UniGUI Loads in Some slow connection Speeds...is it possible? and how to doing that? Thanks and Regards Quote
erich.wanker Posted June 13, 2016 Posted June 13, 2016 hi mmx110, i made a index.html: .. background:url(/files/loading.gif... is my animated GIF File ( i use the same as unigui uses .. so the html-system switches without break in the unigui-loading-gif .... i think this is the best way ;-) index.html: <meta http-equiv="X-UA-Compatible" content="IE=edge"><style type="text/css">body { margin: 0; overflow: hidden; } #iframe{position:absolute;left:0px;top:0px;z-index:1;width:100%;height:100%;border:none;}#cover {position:absolute;left:0px;top:0px;z-index:2;width:100%;height:100%;background:#ffffff;background:url(/files/loading.gif) no-repeat center center;}#loading-mask { position:absolute;left:0;top:0;width:100%;height:100%;z-index:20000;background-color: white;}#loading {position: absolute; left:50%;top:50%;padding:2px;z-index:20001;height:auto;margin:-35px 0 0 -30px;}#loading .loading-indicator { background: url(/files/loading.gif) no-repeat;color:#555;font:bold 13px tahoma,arial,helvetica;padding:16px 52px;margin:0;text-align:center;height:auto;}</style><script type="text/javascript">function on_load(iframe) {try {var doc = iframe.contentDocument || iframe.contentWindow.document; document.getElementById("loading-mask").style.display = "none"; document.getElementById("loading").style.display = "none";} catch (e) { alert('exception:' + e);}}</script></head><body><iframe id="iframe"src="UNIGUI.dll" frameborder="0" onload="on_load(this)"></iframe><div id="loading-mask"></div><div id="loading"><div class="loading-indicator">Loading...</div></div></body></html> Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.