setInterval muito específico

[angellTSI 0]

Olá! Boa noite!

 

Sou iniciante na área de programação e estou elaborando pequenos projetos para aumentar meus conhecimentos aos poucos;

 

Bem, geralmente quando acho um efeito bacana eu costumo entender a função e tentar fazer algo mais voltado para mim a partir daquele modelo.

 

Resolvi montar um projeto usando como base de estudo os efeitos deste site: www.panic.com/coda

 

Achei que ficaria interessante se invés de slides fossem exibidas fotos, como em uma galeria.

Consegui fazer exatamente da maneira como desejava, uma foto para ser exibida, breve descrição e etc.

Mas sempre gostamos de inventar mais um pouco e eu pensei em colocar um setInterval na minha função.

 

Dá para imaginar né..O primeiro erro eu soube "driblar" na minha falta de experiência, mas o segundo começou a me complicar.

 

Bem, vou começar pelo próprio HTML:

 

<li id="bloco2-tab" class="inactive"><a href="#bloco2-pane" onclick="ScrollSection('bloco2-pane', 'scroller', 'bloco2-pane'); return false" title="Files">Files</a></li>

<li id="bloco3-tab" class="inactive"><a href="#bloco3-pane" onclick="ScrollSection('bloco3-pane', 'scroller', 'sites-pane'); return false" title="Editor">Editor</a></li>

<li id="bloco4-tab" class="inactive"><a href="#bloco4-pane" onclick="ScrollSection('bloco4-pane', 'scroller', 'sites-pane'); return false" title="Editor">Editor</a></li>

<li id="bloco5-tab" class="inactive"><a href="#bloco5-pane" onclick="ScrollSection('bloco5-pane', 'scroller', 'sites-pane'); return false" title="Editor">Editor</a></li>

<li id="bloco6-tab" class="inactive"><a href="#bloco6-pane" onclick="ScrollSection('bloco6-pane', 'scroller', 'sites-pane'); return false" title="Editor">Editor</a></li>

</ul></ul>

 

<!-- Aqui começam a entrar as boxes com nossas tortas -->

<div id="frame">

<!-- aqui diz que é para colocar os botões entre essas divs, quero trabalhar com o mouseOver nesses botões -->

<div class="button" id="left"><a href="java script _linenums:0'><div id="box_gal"> <!-- aqui fica a toolbar necessária para identificar nossas box no script --> <!-- essa toolbar é importante pois o js le quantos LI ela possui e calcula quantos quadros ele tem que exibir e qual exibir --> <ul id="toolbar"> <li id="bloco1-tab" class="active"><a href="#bloco1-pane" onclick="ScrollSection('bloco1-pane', 'scroller', 'bloco1-pane'); return false" title="Sites">Sites</a></li> <li id="bloco2-tab" class="inactive"><a href="#bloco2-pane" onclick="ScrollSection('bloco2-pane', 'scroller', 'bloco2-pane'); return false" title="Files">Files</a></li> <li id="bloco3-tab" class="inactive"><a href="#bloco3-pane" onclick="ScrollSection('bloco3-pane', 'scroller', 'sites-pane'); return false" title="Editor">Editor</a></li> <li id="bloco4-tab" class="inactive"><a href="#bloco4-pane" onclick="ScrollSection('bloco4-pane', 'scroller', 'sites-pane'); return false" title="Editor">Editor</a></li> <li id="bloco5-tab" class="inactive"><a href="#bloco5-pane" onclick="ScrollSection('bloco5-pane', 'scroller', 'sites-pane'); return false" title="Editor">Editor</a></li> <li id="bloco6-tab" class="inactive"><a href="#bloco6-pane" onclick="ScrollSection('bloco6-pane', 'scroller', 'sites-pane'); return false" title="Editor">Editor</a></li> </ul></ul> <!-- Aqui começam a entrar as boxes com nossas tortas --> <div id="frame"> <!-- aqui diz que é para colocar os botões entre essas divs, quero trabalhar com o mouseOver nesses botões --> <div class="button" id="left"><a href="java script:ScrollArrow('left','toolbar','scroller','bloco1-pane');"><span></span></a></div> <!-- esta div scroller é quem reune todos os meus slides que sao exibidos --> <div id="scroller"> <!--no script diz que contém o scrool horizontal, deve se tratar da div com todas as infos por completo --> <!-- div com todo o nosso conteúdo --> <div id="content"> <div id="content"> <!-- bloco 1 de tortas --> <div class="section" id="bloco1-pane"> <div class="box"> <img width="110" height="90" src="imagens/tortas/top/suprema.gif" /><br /> <p>Suprema Hibisco</p> </div> </div> <!--fim da div#bloco-1 --> <!-- bloco 2 de tortas --> <div class="section" id="bloco2-pane"> <div class="box"> <img width="99" height="68" src="imagens/tortas/top/damasco.gif" /><br /> <p>Damasco</p> </div> </div> <!--fim da div#bloco-2 --> <!-- bloco 3 de tortas --> <div class="section" id="bloco3-pane"> <div class="box"> <img width="107" height="70" src="imagens/tortas/top/chocolatemorango.gif" /><br /> <p>Nozes com fios de ouro</p> </div> </div> <!--fim da div#bloco-3 --> <!-- bloco 4 de tortas --> <div class="section" id="bloco4-pane"> <div class="box"> <img width="102" height="70" src="imagens/tortas/top/lantana.gif" /><br /> <p>Lantana</p> </div> </div> <!--fim da div#bloco-4 --> <!-- bloco 5 de tortas --> <div class="section" id="bloco5-pane"> <div class="box"> <img width="106" height="71" src="imagens/tortas/top/amorperfeito.gif" /><br /> <p>Amor Perfeito</p> </div> </div> <!--fim da div#bloco-5 --> <!-- bloco 6 de tortas --> <div class="section" id="bloco6-pane"> <div class="box"> <img width="102" height="69" src="imagens/tortas/top/mirtilo.gif" /><br /> <p>Mirtilo</p> </div> </div> <!--fim da div#bloco-6 --> </div> <!--fim da div#content --> </div> <!--fim da div#scroller --> </div> <!--fim da div#frame --> </div> <div class="button" id="right"><a href="java script:ScrollArrow('right','toolbar','scroller','bloco1-pane');"><span></span></a></div> </div> <!-- AQUI TERMINA A BOX COM A GALERIA -->

 

A div #scroller fica com a galeria na horizontal e é "cortada" atravéz do CSS para que seja exibida o slide em foco, e não ela como um todo.

 

No proprio JS que peguei ele traz uma função que serve para animar:

 

function scrollStart(elem, start, end, direction){	//console.log("scrollStart from "+start+" to "+end+" in direction "+direction);	if (scrollanim.timer != null) {		clearInterval(scrollanim.timer);		scrollanim.timer = null;	}	scrollanim.time = 0;	scrollanim.begin = start;	scrollanim.change = end - start;	scrollanim.duration = 25;	scrollanim.element = elem;		if (direction == "horiz") {		scrollanim.timer = setInterval("scrollHorizAnim();", 15);	}	else {		scrollanim.timer = setInterval("scrollVertAnim();", 15);	}}

Mas não sei como faze-la funcionar...

 

Bem, aqui vai o script inteirinho...:

 

 

//essa função abaixo serve para trocar a classe do LI, de inativo para ATIVO

//ativo é a classe usada para referenciar o slide que esta sendo exibido

//pois os slides são correlacionados com os <li> na ul #toolbar

sectionTab = currentSection.split("-")[0] + tabTag; //tira o - da âncora e soma o valor "-tab"

document.getElementById(sectionTab).className = "active";

if (lastSection) {

lastTab = lastSection.split("-")[0] + tabTag;

document.getElementById(lastTab).className = "inactive";

}

 

// Get the element we want to scroll, get the position of the element to scroll to

 

//aqui ele vai pegar o elemento SCROLLER que é passado

theScroll = document.getElementById(scrollArea);

//aqui ele pega a posição do o elmento pela âncora

position = findElementPos(document.getElementById(link));

 

// Get the position of the offset div -- the div at the far left.

// This is the amount we compensate for when scrolling

 

if (offset != "") {

offsetPos = findElementPos(document.getElementById(offset));

position[0] = position[0] - offsetPos[0];

}

 

scrollStart(theScroll, theScroll.scrollLeft, position[0], "horiz");

// return false;

}

//Fim da primeira função

 

//INICIO DA FUNÇÃO DA SETAS

// Scroll the page using the arrows

//aqui ele corre a página usando as setas.

//é essa a função que eu quero fazer com setInterval

function ScrollArrow(direction, toolbar, scrollArea, offset) {

//aqui ele recebe as variáveis passadas pela ação das setas. o Offset está recebendo a div inicial

//direction recebe a direlção passada pelo link

//elemento -pne é o painel com o conteúdo a ser mostrado

toolbarElem = document.getElementById(toolbar);

toolbarNames = new Array();

//é aqui que ele depende dos LI da página

// Find all the <li> elements in the toolbar, and extract their id's into an array.

 

if (toolbarElem.hasChildNodes())

{ //o primeiro erro foi aqui, mas foi só colocar a tag script no final da pagina que resolvi o problema

var children = toolbarElem.childNodes;

for (var i = 0; i < children.length; i++)

{

if (toolbarElem.childNodes.tagName == "LI") {

toolbarNames.push(toolbarElem.childNodes.id.split("-")[0]);

}

}

}

 

// Now iterate through our array of tab names, find matches, and determine where to go.

//enquanto i não for o total de LI da página toolbar

for (var i = 0; i < toolbarNames.length; i++) {

//aqui ele está determinando a direção caso seja igual ou não ao atual quadro

if (toolbarNames == currentSection.split("-")[0]) {

//se a seta clicada foi a esquerda então

if (direction == "left") {

if (i - 1 < 0) {

gotoTab = toolbarNames[toolbarNames.length - 1];

} else {

gotoTab = toolbarNames[i - 1];

}

} else {

if ((i + 1) > (toolbarNames.length - 1)) {

gotoTab = toolbarNames[0];

} else {

gotoTab = toolbarNames[i + 1];

}

}

}

}

 

// Go to the section name!

 

ScrollSection(gotoTab+paneTag, scrollArea, offset);

}

//FIM DA FUNÇÃO DAS SETAS

 

//INICIO PARA AS FUNÇÕES DE ANIMAÇÃO

// Animated Scroll Functions

// Scrolls are synchronous -- only one at a time.

//

 

 

/* ACHO QUE AQUI ELE FAZ UM SETINTERVAL SOZINHO, MAS NÃO ENTENDO COMO FAZE-LO FUNCIONAR */

var scrollanim = {time _linenums:0'>// JavaScript Document//Por partes que nem Jack o estripador//variáveis necessárias para o scriptvar currentSection = "bloco1-pane"; // The default loaded section on the pagevar tabTag = "-tab";var paneTag = "-pane";var gotoTab = "";//Início da função que cata os LI detro da nosso página//e passa o número total junto com a posiçãofunction ScrollSection(link, scrollArea, offset){ // Store the last section, and update the current section if (currentSection == link) { return; } lastSection = currentSection; currentSection = link; //atual sessão recebe o link clicado // Change the section highlight. // Extract the root section name, and use that to change the background image to 'top', revealing the alt. state //essa função abaixo serve para trocar a classe do LI, de inativo para ATIVO //ativo é a classe usada para referenciar o slide que esta sendo exibido //pois os slides são correlacionados com os <li> na ul #toolbar sectionTab = currentSection.split("-")[0] + tabTag; //tira o - da âncora e soma o valor "-tab" document.getElementById(sectionTab).className = "active"; if (lastSection) { lastTab = lastSection.split("-")[0] + tabTag; document.getElementById(lastTab).className = "inactive"; } // Get the element we want to scroll, get the position of the element to scroll to //aqui ele vai pegar o elemento SCROLLER que é passado theScroll = document.getElementById(scrollArea); //aqui ele pega a posição do o elmento pela âncora position = findElementPos(document.getElementById(link)); // Get the position of the offset div -- the div at the far left. // This is the amount we compensate for when scrolling if (offset != "") { offsetPos = findElementPos(document.getElementById(offset)); position[0] = position[0] - offsetPos[0]; } scrollStart(theScroll, theScroll.scrollLeft, position[0], "horiz"); // return false;}//Fim da primeira função//INICIO DA FUNÇÃO DA SETAS// Scroll the page using the arrows//aqui ele corre a página usando as setas.//é essa a função que eu quero fazer com setIntervalfunction ScrollArrow(direction, toolbar, scrollArea, offset) {//aqui ele recebe as variáveis passadas pela ação das setas. o Offset está recebendo a div inicial//direction recebe a direlção passada pelo link//elemento -pne é o painel com o conteúdo a ser mostrado toolbarElem = document.getElementById(toolbar); toolbarNames = new Array(); //é aqui que ele depende dos LI da página // Find all the <li> elements in the toolbar, and extract their id's into an array. if (toolbarElem.hasChildNodes()) { //o primeiro erro foi aqui, mas foi só colocar a tag script no final da pagina que resolvi o problema var children = toolbarElem.childNodes; for (var i = 0; i < children.length; i++) { if (toolbarElem.childNodes.tagName == "LI") { toolbarNames.push(toolbarElem.childNodes.id.split("-")[0]); } } } // Now iterate through our array of tab names, find matches, and determine where to go. //enquanto i não for o total de LI da página toolbar for (var i = 0; i < toolbarNames.length; i++) { //aqui ele está determinando a direção caso seja igual ou não ao atual quadro if (toolbarNames == currentSection.split("-")[0]) { //se a seta clicada foi a esquerda então if (direction == "left") { if (i - 1 < 0) { gotoTab = toolbarNames[toolbarNames.length - 1]; } else { gotoTab = toolbarNames[i - 1]; } } else { if ((i + 1) > (toolbarNames.length - 1)) { gotoTab = toolbarNames[0]; } else { gotoTab = toolbarNames[i + 1]; } } } } // Go to the section name! ScrollSection(gotoTab+paneTag, scrollArea, offset);}//FIM DA FUNÇÃO DAS SETAS//INICIO PARA AS FUNÇÕES DE ANIMAÇÃO// Animated Scroll Functions// Scrolls are synchronous -- only one at a time.///* ACHO QUE AQUI ELE FAZ UM SETINTERVAL SOZINHO, MAS NÃO ENTENDO COMO FAZE-LO FUNCIONAR */var scrollanim = {time:0, begin:0, change:0.0, duration:0.0, element:null, timer:null};function scrollStart(elem, start, end, direction){ //console.log("scrollStart from "+start+" to "+end+" in direction "+direction); if (scrollanim.timer != null) { clearInterval(scrollanim.timer); scrollanim.timer = null; } scrollanim.time = 0; scrollanim.begin = start; scrollanim.change = end - start; scrollanim.duration = 25; scrollanim.element = elem; if (direction == "horiz") { scrollanim.timer = setInterval("scrollHorizAnim();", 15); } else { scrollanim.timer = setInterval("scrollVertAnim();", 15); }}function scrollVertAnim(){ if (scrollanim.time > scrollanim.duration) { clearInterval(scrollanim.timer); scrollanim.timer = null; } else { move = sineInOut(scrollanim.time, scrollanim.begin, scrollanim.change, scrollanim.duration); scrollanim.element.scrollTop = move; scrollanim.time++; }}function scrollHorizAnim(){ if (scrollanim.time > scrollanim.duration) { clearInterval(scrollanim.timer); scrollanim.timer = null; } else { move = sineInOut(scrollanim.time, scrollanim.begin, scrollanim.change, scrollanim.duration); scrollanim.element.scrollLeft = move; scrollanim.time++; }}//FIM DAS FUNÇÕES DE ANIMAÇÃO//// MOVE: Animate the move of an element.//// Move is also synchronous. One at a time, please.//var moveanim = {time:0, beginX:0, changeX:0.0, beginY:0, changeY:0, duration:0.0, element:null, timer:null};function moveStart(elem, startX, endX, startY, endY, duration){ if (moveanim.timer != null) { clearInterval(moveanim.timer); moveanim.timer = null; } moveanim.time = 0; moveanim.beginX = startX; moveanim.changeX = endX - startX; moveanim.beginY = startY; moveanim.changeY = endY - startY; moveanim.duration = duration; moveanim.element = elem; moveanim.timer = setInterval("moveAnimDo();", 15);}function moveAnimDo(){ if (moveanim.time > moveanim.duration) { clearInterval(moveanim.timer); moveanim.timer = null; } else { moveX = cubicOut(moveanim.time, moveanim.beginX, moveanim.changeX, moveanim.duration); moveY = cubicOut(moveanim.time, moveanim.beginY, moveanim.changeY, moveanim.duration); moveanim.element.style.left = moveX + "px"; moveanim.element.style.top = moveY + "px"; moveanim.time++; }}//console.log("Initialized");

 

Agora meu HTML todinho (coloquei uns estilos na página para tentar facilitar):

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script type="text/javascript" src="js/Effects2.js"></script><script type="text/javascript" src="js/EffectsHTML.js"></script><script type="text/javascript" src="js/effects.js"></script><style media="screen">* {margin:0;padding:0}a {text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;}#bg_estrela {background: url("imagens/bg_estrela.jpg") center top no-repeat}#mn_inicial {	margin:0 auto;	margin-top:1px;	list-style:none;	border:1px solid #F8C602;	height:30px;	width:540px;	background:url("imagens/bgmenu_principal.png") left top repeat-x;	position:relative}	#mn_inicial li {float:left;padding:8px 8px 8px 8px}#mn_inicial #lnk_aempresa {	height:15px;	width:75px;	background:url("imagens/aempresa.gif") left top no-repeat;	border-left:#F7C701}#mn_inicial #lnk_cardapio {	height:15px;	width:63px;	background:url("imagens/cardapio.gif") left top no-repeat;	border-left:#F7C701}#mn_inicial #lnk_coffee {	height:15px;	width:87px;	background:url("imagens/coffeebreak.gif") left top no-repeat;	border-left:#F7C701}#mn_inicial #lnk_buffet {	height:15px;	width:43px;	background:url("imagens/buffet.gif") left top no-repeat;}#mn_inicial #lnk_espaco {	height:15px;	width:102px;	background:url("imagens/espacohibisco.gif") left top no-repeat;}/*div pricipal*/#box_h1 {	position:relative;	width:540px;	height:340px;	background:#FFFF00 url("imagens/bg_principal.png") left top repeat-x;	margin:0 auto;	border:1px solid #F9D301}#box_h1 h1 {	margin:0 auto;	margin-top:3px;	display:block;	text-indent:-5000px;	overflow:hidden;	width:230px;	height:120px;	background:transparent url("imagens/logo_principal.png") left top no-repeat}	#mn_inicial a {text-decoration:none;text-indent:-5000px;overflow:hidden;display:block}#rodape {	margin:0 auto;	margin-top:1px;	text-align:center;	padding-top:5px;	font-family:"Trebuchet",Verdana, Arial, Helvetica, sans-serif;	font-size:10px;	display:block;	height:60px;	width:540px;	background:transparent url("imagens/sombra.png") center top repeat-x}	/*##################	Links da galeria principal das tortas###################*/.sp_gal {height:20px;background:url("imagens/bgleft_sp.gif") left top no-repeat;padding:0 4px 4px  0;position:absolute}.sp_gal span {height:15px;background:url("imagens/bgright_sp.gif") right top no-repeat;padding:0 4px 4px 4px}.sp_gal span a {	background:url("imagens/bg_agal.gif") left top repeat-x;	font-size:12px;	color:#FFFFFF;	padding:3px;	padding-bottom:6px;	padding-top:3px;	font-style:italic;	font-weight:bold}.sp_gal span a:hover {color:#FFFF00}#sp_1 {left:30px;top:160px}#sp_2 {left:40px;top:210px}#sp_3 {right:30px;top:160px}#sp_4 {right:40px;top:210px}#sp_5 {left:150px;top:250px}#sp_6 {right:150px;top:250px}/*paragrafo com propaganda*/#box_gal {	width:235px;	height:120px;}#p_mark {	font-family:"Trebuchet MS";	font-size:14px;	font-weight:bold;	display:block;	width:300px;	text-align:center;	position:absolute;	left:110px;	bottom:20px;	color:#3A2A7C}	/*####################################	ESTILOS PARA A GALERIA#####################################*/#box_gal {margin-left:147px;}#left a , #right a , #left a span , #right a span{	display:block;	height:25px;	width:25px}	#left a {	position:absolute;	top:150px;	left:150px}	#right a  {	position:absolute;	top:150px;	right:160px}	#left a span {background: url("imagens/btn_esq.gif") left top no-repeat}#right a span {background: url("imagens/btn_dir.gif") left top no-repeat;}	#toolbar {display:none}#content{height:110px;width:2070px}#scroller {	width: 140px;	margin: 0 auto;		overflow: hidden;	}.section {height:110px;width:140px;float:left}.box {	width:140px;	height:110px;	float:left;	text-align:center;	}.box p {	font-family: "Trebuchet MS";	font-weight:bold;	font-style:italic;	color:#003366;}</style></head><body><div id="box_h1">   <div id="bg_estrela">     <h1>Loja Hibisco</h1>    <!-- AQUI ENTRA A BOX COM A GALERIA -->    <div id="box_gal">       <!-- aqui fica a toolbar necessária para identificar nossas box no script -->      <ul id="toolbar">        <li id="bloco1-tab" class="active"><a href="#bloco1-pane" onclick="ScrollSection('bloco1-pane', 'scroller', 'bloco1-pane'); return false" title="Sites">Sites</a></li>        <li id="bloco2-tab" class="inactive"><a href="#bloco2-pane" onclick="ScrollSection('bloco2-pane', 'scroller', 'bloco2-pane'); return false" title="Files">Files</a></li>        <li id="bloco3-tab" class="inactive"><a href="#bloco3-pane" onclick="ScrollSection('bloco3-pane', 'scroller', 'sites-pane'); return false" title="Editor">Editor</a></li>        <li id="bloco4-tab" class="inactive"><a href="#bloco4-pane" onclick="ScrollSection('bloco4-pane', 'scroller', 'sites-pane'); return false" title="Editor">Editor</a></li>        <li id="bloco5-tab" class="inactive"><a href="#bloco5-pane" onclick="ScrollSection('bloco5-pane', 'scroller', 'sites-pane'); return false" title="Editor">Editor</a></li>        <li id="bloco6-tab" class="inactive"><a href="#bloco6-pane" onclick="ScrollSection('bloco6-pane', 'scroller', 'sites-pane'); return false" title="Editor">Editor</a></li>      </ul></ul>      <!-- Aqui começam a entrar as boxes com nossas tortas -->      <div id="frame">         <!-- aqui diz que é para colocar os botões entre essas divs, quero trabalhar com o mouseOver nesses botões -->        <div class="button" id="left"><a href="java script:ScrollArrow('left','toolbar','scroller','bloco1-pane');"><span></span></a></div>        <div id="scroller">           <!--no script diz que contém o scrool horizontal, deve se tratar da div com todas as infos por completo -->          <!-- div com todo o nosso conteúdo -->          <div id="content">             <div id="content">               <!-- bloco 1 de tortas -->              <div class="section" id="bloco1-pane">                 <div class="box"> <img width="110" height="90" src="imagens/tortas/top/suprema.gif" /><br />                  <p>Suprema Hibisco</p>                </div>              </div>              <!--fim da div#bloco-1 -->              <!-- bloco 2 de tortas -->              <div class="section" id="bloco2-pane">                 <div class="box"> <img width="99" height="68" src="imagens/tortas/top/damasco.gif" /><br />                  <p>Damasco</p>                </div>              </div>              <!--fim da div#bloco-2 -->              <!-- bloco 3 de tortas -->              <div class="section" id="bloco3-pane">                 <div class="box"> <img width="107" height="70" src="imagens/tortas/top/chocolatemorango.gif" /><br />                  <p>Nozes com fios de ouro</p>                </div>              </div>              <!--fim da div#bloco-3 -->              <!-- bloco 4 de tortas -->              <div class="section" id="bloco4-pane">                 <div class="box"> <img width="102" height="70" src="imagens/tortas/top/lantana.gif" /><br />                  <p>Lantana</p>                </div>              </div>              <!--fim da div#bloco-4 -->              <!-- bloco 5 de tortas -->              <div class="section" id="bloco5-pane">                 <div class="box"> <img width="106" height="71" src="imagens/tortas/top/amorperfeito.gif" /><br />                  <p>Amor Perfeito</p>                </div>              </div>              <!--fim da div#bloco-5 -->              <!-- bloco 6 de tortas -->              <div class="section" id="bloco6-pane">                 <div class="box"> <img width="102" height="69" src="imagens/tortas/top/mirtilo.gif" /><br />                  <p>Mirtilo</p>                </div>              </div>              <!--fim da div#bloco-6 -->            </div>            <!--fim da div#content -->          </div>          <!--fim da div#scroller -->        </div>        <!--fim da div#frame -->      </div>      <div class="button" id="right"><a href="java script:ScrollArrow('right','toolbar','scroller','bloco1-pane');"><span></span></a></div>    </div>    <!-- AQUI TERMINA A BOX COM A GALERIA -->    <!-- aqui entram os links para exibir as tortas -->    <span class="sp_gal" id="sp_1"><span><a href="#" id="t_top">Linha top</a></span></span>     <span class="sp_gal" id="sp_2"><span><a href="#" id="t_top">Linha especial</a></span></span>     <span class="sp_gal" id="sp_3"><span><a href="#" id="t_top">Linha gelada</a></span></span>     <span class="sp_gal" id="sp_4"><span><a href="#" id="t_top">Linha tradicional</a></span></span>     <span class="sp_gal" id="sp_5"><span><a href="#" id="t_top">Linha light</a></span></span>     <span class="sp_gal" id="sp_6"><span><a href="#" id="t_top">Mini porções</a></span></span>     <!-- fim do bloco dos links da galeria -->    <p id="p_mark">O novo pólo do gastrônomico no Méier</p>  </div></div><ul id="mn_inicial">	<li><a href="a_empresa.php" id="lnk_aempresa">A empresa</a></li>	<li><a href="cardapio.php" id="lnk_cardapio">Cardápio</a></li>	<li><a href="coffee.php" id="lnk_coffee">Coffee Break</a></li>	<li><a href="buffet.php" id="lnk_buffet">Buffet</a></li>	<li><a href="espaco.php" id="lnk_espaco">Espaço Hibisco</a></li></ul><p id="rodape">Rua Dias da Cruz, 336 - Méier<br />Rio de Janeiro / RJ - CEP:20720-012</p></body></html>

Eu já tentei algumas formas mas nenhuma delas retornou algo...nem um erro (nao sei se isso é bom ou ruim)

A única que me retornou algo (um erro rs) foi usar um setInterval criado por mim, aí ele não consegui mais ler os nós da ul #toolbar...

 

Preciso muito conseguir fazer isso. Será que alguém poderia me ajudar com o meu Frank?

 

Ficarei muito agradecida se puder receber auxilio;

 

Desde já agradeço!

[angellTSI 0]

É gente; rsrsrsNenhuma resposta, tb entendo o srcipt ta graaannndeeee Bem, ainda estou precisando de ajuda, vou ver se continuo por partes...que nem Jack ^^Vou voltar a insistir na segunda maneira com o setInterval simples.Mais tarde retornarei o erro que deu (e acho que poderei ser muito mais breve rs) e se conseguir post o resultado!Vlw galera!