Pré - Loading

obomba · Dezembro 3, 2006

Cara ta complicado, preciso de um esquema que carregue a página e só depois de carregadas as imagens ela abra.

Alguém conheçe algo?

Eu lembro que a há muito tempo o IG tinha um esquema desse, que aparecia

carregando... e depois ela abria de uma vez

Na página do Yahoo tem, eu copiei o código, será que alguém pode me ajudar a identificar ??

<!-- Copyright 2006 Yahoo! Inc. All rights reserved. --><html><head><meta http-equiv="Expires" content="Sat, 16 Nov 2002 00:00:01 GMT" /><meta http-equiv="Content-type" content="text/html;charset=utf-8" /><title>Yahoo! Mail Beta</title><script language="JavaScript" type="text/javascript" charset="utf-8" src="http://us.js2.yimg.com/us.js.yimg.com/lib/pim/r/dclient/d/js/br/2df21bee7a4daf20f721e09a2462d7b7_1.js"></script><script language="JavaScript" charset="utf-8">		//fix bug 882560	if (typeof YAHOO == "undefined") {		YAHOO = {};		}	var gLaunchStartTime = ( new Date() ).getTime();					var charset = (typeof document.charset == "undefined" ||				   document.charset == null) ? document.characterSet : document.charset;				if(charset != "UTF-8" && charset != "utf-8")	{		try {		   if(typeof document.charset == "undefined" ) 			   document.characterSet = "UTF-8"; //FF, hopefully someday FF allows it			else 			   document.charset = "UTF-8"; //IE		} catch (e) {}							var brandedName = "Yahoo!"			alert(gEncoding_alert1);			window.location.reload();		   	} </script><script>var gWelcomePageNewsFeedsXml="<?xml version=\"1.0\" encoding=\"UTF-8\"?><newsfeeds><newsfeed name=\"topstories\" interval=\"1200\">Manchetes</newsfeed><newsfeed name=\"politics\" interval=\"1200\">Política</newsfeed><newsfeed name=\"entertainment\" interval=\"1200\">Entretenimento</newsfeed><newsfeed name=\"sports\" interval=\"1200\">Esportes</newsfeed><newsfeed name=\"tech\" interval=\"1200\">Tecnologia</newsfeed></newsfeeds>";</script><script>var gWelcomePageDefaultNewsFeedName="topstories";</script><script>var gWelcomePageDefaultNewsFeedXml="<?xml version=\"1.0\" encoding=\"UTF-8\"?><rss xmlns:media=\"http://search.yahoo.com/mrss/\" version=\"2.0\"><channel><title>Yahoo! Notícias - Manchetes</title><link>http://br.rd.yahoo.com/rss/news/n_top/*http://br.news.yahoo.com//manchetes/todos.html</link><item><title>Irã elogia posição russa sobre sanções atômicas (Reuters)</title><link>http://br.rd.yahoo.com/rss/news/n_top/*http://br.news.yahoo.com//061203/5/1c0yn.html</link><description>Reuters - TEERÃ (Reuters) - O Irã saudou neste domingo a oposição daRússia a sanções pesadas que têm apoio de Washington e decapitais européias por causa do programa nuclear de Teerã --assunto que será debatido por diplomatas das grandes potênciasnesta semana.</description><pubDate>Sun, 03 Dec 2006 05:39:00 PST</pubDate></item><item><title>Brasil conquista o bicampeonato mundial de vôlei (Reuters)</title><link>http://br.rd.yahoo.com/rss/news/n_top/*http://br.news.yahoo.com//061203/5/1c0xk.html</link></item><item><title>Hezbollah e aliados mantêm protestos no centro de Beirute (Reuters)</title><link>http://br.rd.yahoo.com/rss/news/n_top/*http://br.news.yahoo.com//061203/5/1c0wt.html</link></item><item><title>Pinochet está consciente e seu estado é estável--médico (Reuters)</title><link>http://br.rd.yahoo.com/rss/news/n_top/*http://br.news.yahoo.com//061203/5/1c0wb.html</link></item><item><title>Ataque dos EUA mata 2 mulheres e uma criança no Iraque (Reuters)</title><link>http://br.rd.yahoo.com/rss/news/n_top/*http://br.news.yahoo.com//061203/5/1c0vh.html</link></item><item><title>Ex-ditador Pinochet sofre infarto e recebe ponte de safena (Reuters)</title><link>http://br.rd.yahoo.com/rss/news/n_top/*http://br.news.yahoo.com//061203/5/1c0v4.html</link></item></channel></rss>";</script><!-- SpaceID=150561690 loc=FRTMY noad --><script language="JavaScript">	if ( "undefined" != typeof(rt_SetComputeDelta) && "undefined" != typeof(rt_LogTime) ) {		rt_SetComputeDelta(false);		rt_LogTime( "t_rtpage", gLaunchStartTime );	}	var gStyleBlockTime = ( new Date() ).getTime();</script>		<style type=text/css>			@import url( http://us.js1.yimg.com/us.yimg.com/lib/hdr/ygma5.css );			body {				margin: 0px;			}		</style>		<style>		* { box-sizing: border-box; -moz-box-sizing: border-box; }#pgb { width:750px; font-family:Arial, sans-serif; font-size:13px; margin-left:10px; margin-right:10px; text-align:left;  }#pgb .left { width:350px; margin-top:20px; margin-bottom:20px; padding-left:10px; padding-right:10px; float:left; }#pgb .right { width:350px; margin-top:20px; margin-bottom:20px; padding-left:10px; padding-right:10px; border-left:1px solid #DCDAD4; float:right; }#pgb table { font-family:Arial, sans-serif; font-size:13px; }#pgb a { color:#0066CC;	}#pgb li { margin-top:0.5em;	}#pgb .compactList { margin:0px; padding-left:1em; }#pgb .compactList li { margin:0px; }#pgb .primaryHeading { font-size:18px; font-weight:bold; color:#5C59B2; }#pgb .subHeading { font-size:16px; font-weight:bold; color:#5C59B2; }#pgb .subHeading2 { font-size:14px; color:#5C59B2; }#pgb .primaryBodyTextTitle { font-size:13px; font-weight:bold; color:#000000; }#pgb .primaryBodyText { font-size:13px; font-weight:normal; color:#000000; }#pgb .smallBodyText { font-family:Verdana; font-size:11px; color:#000000; }#pgb .smallBodyText2 { font-family:Verdana; font-size:9px; color:#000000; }#pgb .textLabel { font-size:10px; color:#5C59B2; cursor:default; -moz-user-select:none; -moz-user-focus:ignore; }#pgb .pseudoLink { cursor:pointer; cursor:hand; color:#0065CC; text-decoration:underline; }#pgb .bold { font-weight:bold; }#pgb .footer { font-size: 10px; line-height: 14px; color: #6C6C6C; }		</style>		<!-- built on 11/13/2006 04:44 PM --><script language="JavaScript">	gStyleBlockTime = ( new Date() ).getTime() - gStyleBlockTime;	var gJsIncludeFirstFileTime = ( new Date() ).getTime();</script><script type="text/javascript" charset="utf-8" src="http://us.js2.yimg.com/us.js.yimg.com/lib/pim/r/dclient/d/js/br/000356bd6a4bc55014c992f040081712_1.js"></script><script language="JavaScript">	gJsIncludeFirstFileTime = ( new Date() ).getTime() - gJsIncludeFirstFileTime;	var gInitialJsTime = ( new Date() ).getTime();</script><script type="text/javascript" charset="iso-8859-1" src="http://us.js1.yimg.com/us.yimg.com/lib/pim/r/medici/13_15/mail/ac.js"></script><script language="JavaScript">	var kPartner = 	{		location: 'http://br.f305.mail.yahoo.com/dc/launch',		serverName: 'br.f305.mail.yahoo.com',		launchParams: { To:'', Cc:'', Bcc:'', Subj:'', Body:'' },		wssid : 'jZslimB89bW',		path: { webApp: '/dc/', webService: 'ymws', proxy: '' },		commonDomain: 'mail.yahoo.com',				intl: { user: 'br', stripped: 'br', loc: 'br' },		rss: { enabled: true, updateRatio: 4 },		calendar: { enabled: true, userProvisioned: true, lastModTimestamp: 1155678812, createTimestamp: 963316730 },				relogin: { popup: false, url: 'https://login.yahoo.com/config/login_verify2?.intl=br&.src=ym' },		trackRocketStats: false,		opi: { server: 'mail.opi.yahoo.com', script: 'online', param1: 'u=', param2: '&m=g&t=0' },		im: { server: 'login.yahoo.com', script: 'config/send_webmesg', param1: '.target=', param2: '' },		mobile: { hcs: false, hsa: false, hmm: false },		mailOptions: { enabled: 'true', url: '/y5/s/mailoptions', reqIntl: '' },		ll: null,						hasNotepad: true,		hasSubjectOMatique: true,		checkAllFolders : false,					minCheckMailMinutes : 10,		syncTimeRatio : 3,		isin: 0,		useRichText: false,	 	addUnknownContacts : 'prompt',		dirSearchOrder: 'null',		cdl: false,		userYIV:  '',		pr: 0,		showWelcomePage: 1,		emoticonBaseUrl: 'http://us.i1.yimg.com/us.yimg.com/i/mesg/tsmileys2/',		blindedName: 'zl8MLhM1Gzvb script:( new Date() ).getTime().toString()" style="position:absolute:top:-1000px;left:-1000px;width:0px;height:0px;visibility:hidden;overflow:hidden" frameborder="0" marginwidth="0" marginheight="0" hspace="0" scrolling="no" allowtransparency="true" vspace="0" ></iframe>' );</script></div><iframe id="submenuBackerIFrame" class="hiddenIframe" src="about:blank" frameborder=0></iframe><iframe id="menuBackerIFrame" class="backingIframe" src="about:blank" frameborder=0></iframe><iframe id="historyFrame" name="historyFrame" class="hiddenIframe" src="./browserHistory.html?bn=314.41&.intl=br" frameborder=0></iframe><iframe id="reloginFrame" src="about:blank" frameborder=0 style="display:none"></iframe><iframe id="framePooler1" src="about:blank" class="TabItem"></iframe><iframe id="framePooler2" src="about:blank" class="TabItem"></iframe><iframe id="framePooler3" src="about:blank" class="TabItem"></iframe><iframe id="framePooler4" src="about:blank" class="TabItem"></iframe><iframe id="framePooler5" src="about:blank" class="TabItem"></iframe><iframe id="rteColor" src="" width=168 height=186 frameborder=0 scrolling=no style="position:absolute;display:none;z-index:100;"></iframe><iframe id="rteEmoticons" src="" width=124 height=196 frameborder=0 scrolling=no style="position:absolute;display:none;z-index:100;"></iframe><script language="JavaScript">	gIframeTime = ( new Date() ).getTime() - gIframeTime;		var gOnloadTime = ( new Date() ).getTime();			if ( window.navigator && navigator.product == 'Gecko' )		setTimeout ( "onLoad()", 1000 );</script></body></html><!-- Version 0.4.0  build:314.41 - built on 11/13/2006 04:44 PM --><script language=javascript>if(window.yzq_p==null)document.write("<scr"+"ipt language=javascript src=http://us.js2.yimg.com/us.js.yimg.com/lib/bc/bcr_2.0.3.js></scr"+"ipt>");</script><script language=javascript>if(window.yzq_p)yzq_p('P=lWJuskSOyNclxMcoRTZ_1ACCyOiQeUVy6I4ABZ3a&T=13uos7qo8%2fX%3d1165158542%2fE%3d150561690%2fR%3dbrmail%2fK%3d5%2fV%3d1.1%2fW%3dJR%2fY%3dBR%2fF%3d1486341154%2fI%3d1%2fS%3d1%2fJ%3d74C88E44');if(window.yzq_s)yzq_s();</script><noscript><img width=1 height=1 alt="" src="http://row.bc.yahoo.com/b?P=lWJuskSOyNclxMcoRTZ_1ACCyOiQeUVy6I4ABZ3a&T=1432rserj%2fX%3d1165158542%2fE%3d150561690%2fR%3dbrmail%2fK%3d5%2fV%3d3.1%2fW%3dJR%2fY%3dBR%2fF%3d2338326314%2fQ%3d-1%2fI%3d1%2fS%3d1%2fJ%3d74C88E44"></noscript><!-- web30503.mail.mud.yahoo.com compressed/chunked Sun Dec  3 07:09:02 PST 2006 -->

Obrigado

vicentedomingos · Dezembro 9, 2006

Cara se tu sabe usar eventListener usa o evento load associado a função que você quer executar. Se não sabe: usa window.onload. Procura aí no forum que não lembro mais a sintaxe. Não uso mais código acoplado ao HTML. Só eventListener é muito melhor.

Entrar

Arquivado

Pré - Loading

Recommended Posts

obomba 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

vicentedomingos 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

printf iniciante básico

JAVA - Orientação para Invalidar Sessão

JAVA - Ajuda em Paginação

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante