fertel
09/02/2005 - 10:09
GALERIA DE IMAGENS ASP + JS AUTOMÁTICA!!!
Nem acredito que consegui. Tão simples...
Estava precisando disso e não encontrei em lugar algum, nem no fórum de JS me responderam.
Daí meti a cara e consegui fazer. Uma galeria de imagem automática onde os valores podem ser dinâmicos vindo de variáveis em ASP. Tem botão para próxima foto e anterior controlado por JavaScript. Queria passar pra vocês, pois assim como penei pra conseguir, pode ser útil a muita gente:
| CODE |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>IMAGENS</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script>b=0</script> <script>
function slideshow() { switch (b) { <%If FOTO1 <> "" Then%> case 0:foto.src="<%Response.Write FOTO1%>"; break; <%Else%> case 0:foto.src="<%Response.Write "arquivos/no_pic.gif"%>"; break; <%End If%> <%If FOTO2 <> "" Then%> case 1:foto.src="<%Response.Write FOTO2%>"; break; <%Else%> case 1:foto.src="<%Response.Write "arquivos/no_pic.gif"%>"; break; <%End If%> <%If FOTO3 <> "" Then%> case 2:foto.src="<%Response.Write FOTO3%>"; <%Else%> case 2:foto.src="<%Response.Write "arquivos/no_pic.gif"%>"; break; <%End If%> b=-1; } b++; } </script> <script> function slideshow2() { switch (b) { <%If FOTO3 <> "" Then%> case 0:foto.src="<%Response.Write FOTO3%>"; break; <%Else%> case 0:foto.src="<%Response.Write "arquivos/no_pic.gif"%>"; break; <%End If%> <%If FOTO2 <> "" Then%> case 1:foto.src="<%Response.Write FOTO2%>"; break; <%Else%> case 1:foto.src="<%Response.Write "arquivos/no_pic.gif"%>"; break; <%End If%> <%If FOTO1 <> "" Then%> case 2:foto.src="<%Response.Write FOTO1%>"; <%Else%> case 2:foto.src="<%Response.Write "arquivos/no_pic.gif"%>"; break; <%End If%> b=-1; } b++; } </script> </head>
<body> <img name="foto" width="200" height="200"> <br> <input type="button" name="Submit" value="Foto anterior" onClick="slideshow2()";> <input type="button" name="Submit" value="Próxima foto" onClick="slideshow()";> </body> </html> |
Aí está o código completo da página, ok? Basta copiar e salvar como página ASP, ajustar as variáveis, nome das imagens, diretórios e ver o bicho funcionando.
Tb vou postar em funções.
Ah se quiserem a galeira rotacionando automaticamente, coloca:
| CODE |
| onClick="setInterval('slideshow()',2000)"; |
Isso fará a imagem mudar de 2 em 2 segundo.