janela de pop up imagem

arldin · Fevereiro 5, 2010

Boa tarde amigos não sei se e posivel fazer o sequinte

Criar uma janela pop up com imagem que quando abri uma imagem eu clique na imagem e abrir

no mesmo pop up outra imagem e assim sucesivamente

Desde já agradeço a todos

fercosmig · Fevereiro 5, 2010

voce pode criar um array com todas as imagens e só ir trocando no onclick da imagem

arldin · Fevereiro 5, 2010

Anigo eu sou leigo em array tem como você me amostrar um exemplo com 3 fotos

arldin · Fevereiro 6, 2010

Amgos eu consequi este aqui, beleza mais ele passa altomaticamente, a onde eu mudo para que ele pase ao clicar na imagem

<HTML>

<HEAD>
<TITLE></TITLE>
<META NAME="GENERATOR" CONTENT="Sothink HTML Editor">
<script type="text/javascript">
<!--
var x=0;
var imagem=new Array();
imagem[0]="index_arquivos/01.jpg";
imagem[1]="index_arquivos/02.jpg";
imagem[2]="index_arquivos/03.jpg";  // e assim por diante, conforme o n.º de imagens

var site=new Array();
site[0]="www.arldinartfest.com.br";
site[1]="www.arldinartfest.com.br";
site[2]="www.arldinartfest.com.br";

function mudar_banner(){
document.getElementById("banner").src=imagem[x];
document.getElementById('link').href=site[x];
x++;
if (x==3){ // aqui compara x com a quantidade total de imagens que tem
      x=0;
           }
}
setInterval('mudar_banner()',1000);
//-->
</script>
</HEAD>

<BODY>
<a href="www.arldinartfest.com.br" id="link">
<img id="banner" src="index_arquivos/01.jpg">
</a>



</BODY>
</HTML>

arldin · Fevereiro 6, 2010

Amigos consequi resolver

Aqui esta o script

<HTML>

<HEAD>
<TITLE></TITLE>
<META NAME="GENERATOR" CONTENT="Sothink HTML Editor">
&lt;script language="javascript">
        var fotos = new Array();
        var exibir = 0;
        // Coloque o nome de suas imagens aqui
        fotos[0] = "http://www.arldinartfest.com.br/index_arquivos/01.jpg"; //coloque aqui o nome usado na primeira imagem da galeria
        fotos[1] = "http://www.arldinartfest.com.br/index_arquivos/02.jpg";
        fotos[2] = "http://www.arldinartfest.com.br/index_arquivos/03.jpg";

        // Para colocar mais imagens basta seguir a ordem. Por exemplo:
        // fotos[4] ="foto4.jpg"

        // Funcao responsavel pela volta das imagens
        function imgVoltar() {
            if (exibir > 0) {
                window.status = '';
                exibir--;
                document.images.fotoGaleria.src = fotos[exibir];
            }
        }

        //Funcao resposavel pelo avanco das imagens
        function forward() {
            if (exibir < fotos.length-1) {
            exibir++;
            document.images.fotoGaleria.src = fotos[exibir];
            } else {
                window.status = 'Fim da Galeria';
            }
        }
</script>

</HEAD>

<BODY>

<table border="0" cellpadding="0" align="center">
  <tr>
    <td width="100%"> 
      <!-- Coloque aqui a primeira imagem da sua galeria-->
      <img src="http://www.arldinartfest.com.br/index_arquivos/01.jpg" name="fotoGaleria" />
    </td>
  </tr>
  <tr>
    <td width="100%" align="center">
      <form method="post" name="rotater">

 <input type="button" value="Voltar" onclick="imgVoltar()" />
      <input type="button" value="Próxmo" onclick="forward()" />
      </form>
    </td>
  </tr>
</table>


</BODY>
</HTML>

Eu esqueci de dizer que depois e so colocar no popup

OK

Entrar

janela de pop up imagem

Pergunta

arldin

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

fercosmig

Link para o comentário

Compartilhar em outros sites

arldin

Link para o comentário

Compartilhar em outros sites

arldin

Link para o comentário

Compartilhar em outros sites

arldin

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades