Привет всем. Нужен скрипт чтоб было написано загрузка а в это время загружалась страница с картинками, чтобы потом показать все сразу
как вариант можешешь попробовать или заюзать JS в области Microsoft.XMLHTTP или Msxml2.XMLHTTP И постоить примерно такую систему. Грузится страница с картинкой типа загрузка. попутно скритп грузит остальную часть страницы, а также заранее можно закешировать картинки, т.е. грузить в созданные через js - image. Затем скрываешь слой с картинкой и можно через document.write вывести остаток данных. а картинки браузер из кеша возьмет. Ну или заюзай ajax
Code: <html> <head> <title>Loading</title> <script type="text/javascript"> function hideLoading() { document.getElementById('pageIsLoading').style. display = 'none'; } </script> </head> <body bgcolor="grey"> <div id="pageIsLoading" style=" position: absolute; display: block; padding-left: 44px; padding-right: 12px; width: auto; height: 46px; line-height: 46px; border: 1px solid #890000; color: #000000; font-weight: bold; background-color: #e5e5e5; background-image: url(http://адрес вашей картинки); background-position: 6px center; background-repeat: no-repeat;"> <script type="text/javascript"> if (typeof window_width == 'undefined' || typeof window_height == 'undefined') { var window_width; var window_height; if( typeof( window.innerWidth ) == 'number' ) { window_width = window.innerWidth; window_height = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { window_width = document.documentElement.clientWidth; window_height = document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { window_width = document.body.clientWidth; window_height = document.body.clientHeight; } } var left = Math.round((window_width - 200) / 2); var top = Math.round(((window_height - 46) / 3) + 46); document.getElementById('pageIsLoading').style.l eft = left+'px'; document.getElementById('pageIsLoading').style.t op = top+'px'; </script> Загружается... Ждите... </div> <script type="text/javascript"> if (window.addEventListener) { window.addEventListener('load', hideLoading, false); } else if (window.attachEvent) { var r = window.attachEvent("onload", hideLoading); } else { hideLoading(); } </script> </body> </html>
Есть у кого еще готовые решения написать сам немогу т.к знаю пока только пхп, только под все браузеры плз
PHP: <html> <head> <title>test</title> <style type="text/css"> body { margin:0; } #loading { visibility:visible; background:#eaeaea; position:absolute; width:100%; height:100%; } </style> </head> <body onload="document.getElementById('loading').style.visibility='hidden'"> <div id="loading"> <br/><br/><br/><br/> <center><h2>Loading</h2></center> </div> <b>Something</b> </body> </html>