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:
<!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:
Pergunta
fertel
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:
<!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:onClick="setInterval('slideshow()',2000)";Isso fará a imagem mudar de 2 em 2 segundo.
Link para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.