6 replies to this topic

[André - MundoNX]

Tava navegando na net e achei esta site aqui com um sistema de Preload muito interesante se algum sabe como se faz istou ou tem algum tutorial para me ajuda ja ta valendo..

http://www.apsbaladas.com

[Alex Hiroshi]

Não vi nenhum preload... em que parte do site ele está?

[André - MundoNX]

Mais e ai que ta mano o kara fez um sistema massa tipo se vc tem um conexão boa nem aparece o tem, eu acesso ele la em casa e nem vejo, isto quando acesso na Lan-House que fui ver isto.



achei este aquivo em Java aqui, mais só ta um aparte.

<!--
function MM_preloadImages() {
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() {
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() {
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->

var browserName=navigator.appName;
if (browserName=="Microsoft Internet Explorer"){

APSoffset = 0;    // modifique estes valores para ...
APSoffset = 10;    // mudar a posição do load_up.

var old,skn_aps,iex = (document.all), yyy = -1000;
var ns4 = document.layers
var ns6 = document.getElementById&&!document.all
var ie4 = document.all

if (ns4) skn_aps=document.load
else if (ns6) skn_aps = document.getElementById("load").style
else if (ie4) skn_aps = document.all.load.style
if (ns4) document.captureEvents(Event.MOUSEMOVE);
else {
    skn_aps.visibility = "visible"
    skn_aps.display = "none"
}
//document.onmousemove = get_load;

function load_up(l_msg,sz,borda,frclr,bakclr) {
    var content="<table border=0 cellspacing=0 cellpadding=5 width=100% height=100%><tr><td>"+l_msg+"</td></tr></table>";

    yyy = APSoffset;
    if (ns4) {
        skn_aps.document.write(content);
        skn_aps.document.close();
        skn_aps.visibility = "visible"
    }
    if  (ns6) {
         document.getElementById("load").innerHTML = content;
         skn_aps.display = ''
    }
    if (ie4) {
        document.all("load").innerHTML = content;
        skn_aps.display = ''
    }
}

function get_load(e) {
    var x = (ns4 || ns6)?e.pageX:event.x + document.body.scrollLeft;
    skn_aps.left = x + APSoffset;
    var y = (ns4 || ns6)?e.pageY:event.y + document.body.scrollTop;
    skn_aps.top = y + yyy;
}

function killload() {
    yyy = -1000;
    if (ns4) { skn_aps.visibility = "hidden"; }
    else if (ns6 || ie4) skn_aps.display = "none"
}
load_up('<div align=center><center><table border=0 cellpadding=5 width=10% bgcolor=#E1E1E1 cellspacing=2 cellpadding=0 bordercolor=#111111 height=41><tr><td width=65% height=41><table border=0 width=100% id=loading cellspacing=0 cellpadding=3 bgcolor=#F0F0F0><tr><td><p align=center><b><font face=arial size=1>Carregando, aguarde...<br><img border=0 src=http://www.apsbaladas.com/images/progressbarXPaps.gif width=123 height=13></font></b></td></tr></table></td></tr></table></center></div>', '1', '', '', '');

function high(aps_which2){
theobject=aps_which2
highlighting=setInterval("highlightit(theobject)",30)
}
function low(aps_which2){
clearInterval(highlighting)
if (aps_which2.style.MozOpacity)
aps_which2.style.MozOpacity=0.3
else if (aps_which2.filters)
aps_which2.filters.alpha.opacity=65
}

function highlightit(cur2aps){
if (cur2aps.style.MozOpacity<1)
cur2aps.style.MozOpacity=parseFloat(cur2aps.style.MozOpacity)+0.1
else if (cur2aps.filters&&cur2aps.filters.alpha.opacity<100)
cur2aps.filters.alpha.opacity+=15
else if (window.highlighting)
clearInterval(highlighting)
}
}


function radio() {
var width = 335;
var height = 175;
var left = 99;
var top = 99;
URL = "http://www.apsbaladas.com/radio/radio.php";
window.open(URL,'apsbaladas_radio', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=no, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');
}
function abrir(URL) {
   var width = 680;
   var height = 488;
   var left = 50;
   var top = 50;
   window.open(URL,'thumbs', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=no, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');
}

function print(URL) {
   var width = 750;
   var height = 550;
   var left = 0;
   var top = 0;
   window.open(URL,'print', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=yes, status=yes, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');
}
function amigo(URL) {
   var width = 320;
   var height = 400;
   var left = 0;
   var top = 0;
   window.open(URL,'amigo', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=no, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');
}
function alterar(URL) {
   var width = 390;
   var height = 300;
   var left = 400;
   var top = 300;
   window.open(URL,'alter', 'width='+width+', height='+height+', top='+top+', left='+left+', menubar=no, status=no, scrollbars=yes, maximize=no, minimize=no, toolbar=no, location=no, directories=no, resizeble=no');
}

Xoffset = 0;    // modifique estes valores para ...
Yoffset = 10;    // mudar a posição do popup.

var old,skn,iex = (document.all), yyy = -1000;
var ns4 = document.layers
var ns6 = document.getElementById&&!document.all
var ie4 = document.all

if (ns4) skn=document.dek
else if (ns6) skn = document.getElementById("dek").style
else if (ie4) skn = document.all.dek.style
if (ns4) document.captureEvents(Event.MOUSEMOVE);
else {
    skn.visibility = "visible"
    skn.display = "none"
}
document.onmousemove = get_mouse;

function popup(msg,sz,borda,frclr,bakclr) {
    var content="<table border=0 cellspacing=0 cellpadding=5 background=http://www.apsbaladas.com.br/~/img/sombra.gif><tr><td>"+msg+"</td></tr></table>";

    yyy = Yoffset;
    if (ns4) {
        skn.document.write(content);
        skn.document.close();
        skn.visibility = "visible"
    }
    if  (ns6) {
         document.getElementById("dek").innerHTML = content;
         skn.display = ''
    }
    if (ie4) {
        document.all("dek").innerHTML = content;
        skn.display = ''
    }
}

function get_mouse(e) {
    var x = (ns4 || ns6)?e.pageX:event.x + document.body.scrollLeft;
    skn.left = x + Xoffset;
    var y = (ns4 || ns6)?e.pageY:event.y + document.body.scrollTop;
    skn.top = y + yyy;
}

function kill() {
    yyy = -1000;
    if (ns4) { skn.visibility = "hidden"; }
    else if (ns6 || ie4) skn.display = "none"
}

Veja tem que a seguinte linha 76 tem este comando aqui.

load_up('<div align=center><center><table border=0 cellpadding=5 width=10% bgcolor=#E1E1E1 cellspacing=2 cellpadding=0 bordercolor=#111111 height=41><tr><td width=65% height=41><table border=0 width=100% id=loading cellspacing=0 cellpadding=3 bgcolor=#F0F0F0><tr><td><p align=center><b><font face=arial size=1>Carregando, aguarde...<br><img border=0 src=http://www.apsbaladas.com/images/progressbarXPaps.gif width=123 height=13></font></b></td></tr></table></td></tr></table></center></div>', '1', '', '', '');

Por isto acho que tem jeito de fazer isto.
vc ja viu algum coisa assim?

[Alex Hiroshi]

É, não vi mesmo... mas tente esses..
http://forum.wmonlin...showtopic=63446

[kelme]

Esse site realmente é muito bom, parabéns ao desenvolvedor, ele integrou muito bem flash com action scripting e CSS... muito legal.

[Nash]

Olá galera, eu sou o desenvolvedor do site, na verdade estava testando apenas um sistema que ainda estou tentando fazer, ele calcular a velocidade que o site ta abrindo e fazer o loading. ainda nao deu certo por isso desativei ele funcionava mas nao era 100%. Resumindo por isso que alguns viram e outros nao viram e quanto a conexao, se for rapida ele mal aparece...


agradeco os elogios! []'s

[André - MundoNX]

ai mano quero dizer que esta show mesmo o seu site, esta de parabens eu por sinal ainda to bebe nas criações de site.

Acho que vc entendeu erro quando tentei sabe sobre o sistema de Preload do seu site não esta afim de copiar ele para o meu site não, e sim entender como vc fez o sistema, pq acessei seu site em dois locais diferentes e notei que num ele aparecia o Preload e no outro não, foi por este motivo que postei aqui.