Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17613
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Script de slide com avançar

29-01-2008 21:36

Esse é um script de slide automático, tem também a opção de acelerar a foto.

CSS
<style type="text/css"> .alterado{color:blue; background-color:#cccccc;} .normal{color:black;} </style>

JAVASCRIPT

<script type="text/javascript"> inicial = 0; imagens = new Array(); urls = new Array(); textos = new Array(); // imagens[1] está associado a urls[1] que está associado a textos[1] // etc... imagens[0] = ""; // manter vazio imagens[1] = "a.gif"; imagens[2] = "b.gif"; imagens[3] = "c.gif"; imagens[4] = "d.gif"; imagens[5] = "e.gif"; urls[0] = ""; // manter vazio urls[1] = "url para 1ª"; urls[2] = "url para 2ª"; urls[3] = "url para 3ª"; urls[4] = "url para 4ª"; urls[5] = "url para 5ª"; textos[0] = ""; // manter vazio textos[1] = "texto para 1ª"; textos[2] = "texto para 2ª"; textos[3] = "texto para 3ª"; textos[4] = "texto para 4ª"; textos[5] = "texto para 5ª"; function troca(valor) { passado = valor if(passado==1) { clearTimeout(tempo) tempo = setTimeout("troca('1')", 5000); } else { tempo = setTimeout("troca('2')", 5000); } if(inicial==5) { inicial = 0; } for(var i = 1; i < 6; i++) { document.getElementById("span_"+i).style.color='black'; document.getElementById("span_"+i).className='normal'; } inicial++; document.getElementById("span_"+inicial).className='alterado'; document.getElementById("imagem").src=imagens[inicial]; document.getElementById("link").href=urls[inicial]; document.getElementById("textos").innerHTML=textos[inicial]; } </script>

HTML

<body onload="troca('2')"> <a href="" id="link"><img id="imagem" src="" with="100" height="100" border="0"></a> <br> <span id="textos"></span> <br> <span id="span_1" class="alterado">1</span> <span id="span_2" class="normal">2</span> <span id="span_3" class="normal">3</span> <span id="span_4" class="normal">4</span> <span id="span_5" class="normal">5</span> <input type="button" value="avançar" onclick="return troca('1')">

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Mensagens: 23

Script de slide com avançar

23-08-2009 15:21

as imagens não aparecem..

<script type="text/javascript"> inicial = 0; imagens = new Array(); urls = new Array(); textos = new Array(); // imagens[1] está associado a urls[1] que está associado a textos[1] // etc... imagens[0] = ""; // manter vazio imagens[1] = "imagens/popup5.gif"; imagens[2] = "imagens/radio.jpg"; imagens[3] = "garota/img/garota.gif"; imagens[4] = "imagens/sn3.jpg"; imagens[5] = "festas/images/07.jpg"; urls[0] = ""; // manter vazio urls[1] = "festas/festas.html"; urls[2] = "sancaradio.html"; urls[3] = "garota/samanta/index.html"; urls[4] = "sancafilmes.html"; urls[5] = "festas/festas7.html"; textos[0] = ""; // manter vazio textos[1] = "Micasamba"; textos[2] = "Rádio SancaNight"; textos[3] = "Garota SancaNight"; textos[4] = "Filmes"; textos[5] = "Magic Kingdom"; function troca(valor) { passado = valor if(passado==1) { clearTimeout(tempo) tempo = setTimeout("troca('1')", 5000); } else { tempo = setTimeout("troca('2')", 5000); } if(inicial==5) { inicial = 0; } for(var i = 1; i < 6; i++) { document.getElementById("span_"+i).style.color='black'; document.getElementById("span_"+i).className='normal'; } inicial++; document.getElementById("span_"+inicial).className='alterado'; document.getElementById("imagem").src=imagens[inicial]; document.getElementById("link").href=urls[inicial]; document.getElementById("textos").innerHTML=textos[inicial]; } </script>

http://www.sancanight.com/modeloin2.html
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17613
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Script de slide com avançar

23-08-2009 15:28

Eu fiz um teste com a primeira figura, com base no que você definiu no script, e parece que a imagem não existe no servidor

http://www.sancanight.com/imagens/popup5.gif
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Mensagens: 23

Script de slide com avançar

15-09-2009 20:32

não deu certo.... não funcinona esse script...valeu
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17613
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Script de slide com avançar

15-09-2009 20:34

Como falei acima, vc não tem a imagem no seu servidor, por isso não mostra.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Mensagens: 23

Script de slide com avançar

15-09-2009 20:42

o scritp funcionou numa pagina html simples, mas na index não funcionou a principio, vou estudar mais ae volto com essa duvida
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17613
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Script de slide com avançar

15-09-2009 20:44

blz
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]