Ir para conteúdo
Fórum Script Brasil
  • 0

Nova FunÇÃo Para VocÊs!

fertel

Perguntado por fertel,

 Share

Pergunta

fertel

fertel

Postado
Postado

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&oacute;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

10 respostass a esta questão

Posts Recomendados

  • 0
dark0

dark0

Postado
Postado

Brow !!

Show de bola essa função ae..

Eu bolei uma semelhante.. quase igual mesmo.. mas usando getrows.

Assim, eu pego as imagens do banco, e mostro na tela por javascript..

Dá uma mao de obra... Mas é bem mais facil do que ficar usando banco toda hora, hehe

Parabéns pela função. Com certeza será útil!

Abraço

Link para o comentário
Compartilhar em outros sites
  • 0
Guest fotosnelson

Guest fotosnelson

Postado
Postado

Brow !!

Show de bola essa função ae..

Eu bolei uma semelhante.. quase igual mesmo.. mas usando getrows.

Assim, eu pego as imagens do banco, e mostro na tela por javascript..

Dá uma mao de obra... Mas é bem mais facil do que ficar usando banco toda hora, hehe

Parabéns pela função. Com certeza será útil!

Abraço

unsure.gif Meu amigo

Parabéns por ter conseguido tmb.

Repita o gesto de bondade, Compartilhando-o conosco. eu vou adorarrrrr.

Um abraço e no aguardo..... rolleyes.gif

Link para o comentário
Compartilhar em outros sites
  • 0
dark0

dark0

Postado
Postado
Brow !!

Show de bola essa função ae..

Eu bolei uma semelhante.. quase igual mesmo.. mas usando getrows.

Assim, eu pego as imagens do banco, e mostro na tela por javascript..

Dá uma mao de obra... Mas é bem mais facil do que ficar usando banco toda hora, hehe

Parabéns pela função. Com certeza será útil!

Abraço

unsure.gif Meu amigo

Parabéns por ter conseguido tmb.

Repita o gesto de bondade, Compartilhando-o conosco. eu vou adorarrrrr.

Um abraço e no aguardo..... rolleyes.gif

hehehe

sei lá, é uma mão de obra braçal incrivel.

Posso ajudar na lógica do esquema.

Pode sê?

você precisa, primeiro, entender como manipular arrays em javascript.

você pega o conteudo do banco, joga numa matriz, usando getrows.

Depois, pega a matriz, e joga em javascript.

Daí, é só mandar o javascript escrever o caminho da imagem na tela.

Mas é complicadinho e estressante lol

T+

Link para o comentário
Compartilhar em outros sites
  • 0
DackAle

DackAle

Postado
Postado
hehehehe.. o os caras....... destruindo o javascript... heheehe..

poe fogo nele,, não afoga..aropela.....mata..!!!!!!!!!!!!

que isso programado do ratinho ? agagagyaghuahuahua

então mas eu sei o basico mas destesto mesmo JavaScript com todo odio ahuahuahua serio mesmo... sei o basico e sei me virar com os codigos que as vezes pego na net... só ta otimo =D

Link para o comentário
Compartilhar em outros sites
  • 0
fertel

fertel

Postado
  • Autor
Postado

hehehehe.. o os caras....... destruindo o javascript... heheehe..

poe fogo nele,, não afoga..aropela.....mata..!!!!!!!!!!!!

É, o engraçado é que mesmo sem sacar muito, às vezes peço ajuda no fórum de javascript mas de lá nada sai às vezes, aí me viro sozinho e consigo... hehehe

Mas tenho que admitir, tem uns caras que sacam muito de JS eu já vi... Os caras programam qualquer coisa...

Link para o comentário
Compartilhar em outros sites
  • 0
wvrosario

wvrosario

Postado
Postado
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">
&lt;script>b=0</script>
&lt;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>
&lt;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&oacute;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. também 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.

Amigo,

beleza? Muito Bom seu código.. com ele utilizei e fiz pegando informações do banco... algo dinamico...

Mas agora queria uma ajuda sua.. como eu faço para fazer um stop slide show???

Abs,

William

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...