Sistema de notícia em ASP

[WEBIER]

estou desenvolvendo um site de noticias e estou com um problema nessa parte.

é para aparecer a primeira noticia (foto, titulo e resumo), depois de um tempo ela some e aparece a segunda noticia, depois a terça, quarta e quinta noticia... depois retorna para a primeira.

Para fazer a rotatividade fiz em Java Script assim:

<style type="text/css">
#noticia2, #noticia3, #noticia4, #noticia5 { display: none; }
</style>

&lt;script type="text/javascript">
noticias = function() {                
this.quantidade = 5; // int        
this.intervalo = 2000; // seconds                
this.num = 1;        
this.start = false;        

function noticia() {                
if (this.num == 1) {                        
if (document.getElementById('noticia'+this.quantidade).style.display == "block") {                                 
hideNoticia(this.quantidade);                        
}                
} else {                        
hideNoticia(this.num-1);                
}                
showNoticia(this.num);        
}                

function showNoticia(noticia) { 
document.getElementById('noticia'+noticia).style.display = "block";
}                
function hideNoticia(noticia) { 
document.getElementById('noticia'+noticia).style.display = "none";
}                
function rodaNoticia() {                
if (this.start && this.num < this.quantidade) {                        
this.num = this.num + 1;                
} else {                        
this.num = 1                
} 
                               
noticia();

this.start = true;        
}                

window.setInterval(rodaNoticia, this.intervalo);
}
window.onload = noticias;
</script>

e a parte de trazer os dados em ASP fiz assim:

<%
Set nt1 = Server.CreateObject("ADODB.Recordset")
nt1.Open "SELECT * from noticias order by id desc", DB
            
Contar = 0
numNoticia = 1
            
Do while not nt1.Eof
tópico = nt1("tópico")
Resumo = nt1("Resumo")
Classe1 = nt1("Classe1")
Classe = nt1("Classe")
Foto = nt1("Foto")
Horas = nt1("Horas")
id = nt1("id")
                
textoRes = Mid(Resumo, 1, 90)
                
if Foto <> "fotos/" then %>
                
<p align="left" style="margin-top: 0; margin-bottom: 0" id="noticia<%Response.Write numNoticia%>">
<a target="conteudo" href='Mostra.asp?Noticias=<%=nt1("id")%>&Classe=<%=nt1("classe")%>'>
<img src="<%=nt1("foto")%>" width="189" height="158" border="1">
<font face="Arial" color="red" style="font-size:8pt;"><strong><%Response.Write tópico%></strong></font><br>
<font face="Arial" color="black" style="font-size:6pt;"><strong><%Response.Write textoRes&"..."%></strong></font></a></p> 
          
<%
numNoticia = numNoticia + 1
end if
nt1.Movenext
Loop
%>

Realmente aparece a 1a, 2a, 3a, 4a, 5a noticia e depois volta para a 1a... funcionando perfeitamente...

Meu problema é a aparece abaixo da 1a noticia a 2a, 3a, 4a, 5a

Exemplo:

[NOTICIA 1] fazendo rotação com 2a, 3a, 4a, 5a

[NOTICIA 2] parada

[NOTICIA 3] parada

[NOTICIA 4] parada

[NOTICIA 5] parada

e não era para aparecer essas noticias abaixo não... era somente 1 noticia em rotatividade de 5 noticias

Editado Fevereiro 13, 2010 por Jonathan Queiroz
Remover caixa alta do título (Jonathan)

[SK15]

Bem eu dei uma olhada 'por auto' pois seu código está todo 'embananado' mas pelo que entendi a dúvida o problema é de CSS ... pois você deve começar com as noticias todas invisíveis e o JS que irá ativar e mostrar-lás então nessa parte do código esconda as nóticias.

// Mude:
<p align="left" style="margin-top: 0; margin-bottom: 0" id="noticia<%Response.Write numNoticia%>">

// Para
<p align="left" style="margin-top: 0; margin-bottom: 0; display: none" id="noticia<%Response.Write numNoticia%>">

[WEBIER]

Bem eu dei uma olhada 'por auto' pois seu código está todo 'embananado' mas pelo que entendi a dúvida o problema é de CSS ... pois você deve começar com as noticias todas invisíveis e o JS que irá ativar e mostrar-lás então nessa parte do código esconda as nóticias.

// Mude:
<p align="left" style="margin-top: 0; margin-bottom: 0" id="noticia<%Response.Write numNoticia%>">

// Para
<p align="left" style="margin-top: 0; margin-bottom: 0; display: none" id="noticia<%Response.Write numNoticia%>">

Deu Certo, Obrigado SK15

como eu marco como resolvido?