Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

FaBMak

Galeria de Fotos Dinâmica Javascript

Por , em Javascript

Recommended Posts

FaBMak    0

FaBMak
Postado

Aí vai o código que estou tentando usar, meu problema é o seguinte quero que quando alguém clicar na foto ela abra um popup, não consegui fazer isso então criei um link Zoom. Só consegui linkar a página sem fazer a mesma abrir como popup. Gostaria que você dessem um help ae valew.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link rel="stylesheet" type="text/css" href="css/photos.css"><script language="JavaScript" type="text/javascript"><!--Begin var Imgs=new Array();Imgs[0]="fotos/calcadao.jpg";Imgs[1]="fotos/presidente.jpg";Imgs[2]="fotos/palacio.jpg";Imgs[3]="fotos/saosebast.jpg";var Titles = new Array();Titles[0]="..:: Calçadão .::. Rio Verde ::..";Titles[1]="..:: Av. Presidente Vargas.::. Rio Verde ::..";Titles[2]="..:: Palácio da Intendência .::. Rio Verde ::..";Titles[3]="..:: Igreja de São Sebastião .::. Rio Verde ::..";var Descriptions = new Array();Descriptions[0]="..:: Calçadão .::. Rio Verde ::..";Descriptions[1]="..:: Av. Presidente Vargas.::. Rio Verde ::..";Descriptions[2]="..:: Palácio da Intendência .::. Rio Verde ::..";Descriptions[3]="..:: Igreja de São Sebastião .::. Rio Verde ::..";var PhotosLink=new Array();PhotosLink[0]="zoom_calcadao.html";PhotosLink[1]="zoom_presidente.html";PhotosLink[2]="zoom_palacio.html";PhotosLink[3]="zoom_saosebast.html"; function displayimage(ImgNumber){ var ImgToDisplay = ImgNumber - 1; //javascript arrays start from 0 var TotalImgs = Imgs.length; document.slideshow.src = Imgs[imgToDisplay]; ImgTitle.innerText = Titles[imgToDisplay]; ImgDescription.innerText = Descriptions [imgToDisplay]; ImgTrack.innerText = "..:: Foto "+(ImgToDisplay+1)+" de "+Imgs.length+" ::.."; document.getElementById('zoom').innerHTML = '<a href="'+PhotosLink[imgToDisplay]+'">..:: Zoom ::..</a>'; if( ImgNumber > 1){ document.getElementById('prvlink').innerHTML = '<a href="java script:displayimage('+(ImgNumber-1)+')"><<< Anterior</a>'; } else{ document.getElementById('prvlink').innerHTML = ''; } if((TotalImgs != 1) && (TotalImgs > ImgNumber ) ) { document.getElementById('nextlink').innerHTML = '<a href="java script:displayimage('+(ImgNumber+1)+')">Próxima >>></a>'; } else{ document.getElementById('nextlink').innerHTML = ''; } window.status="Foto "+(ImgToDisplay+1)+" de "+Imgs.length;}// End --></script><title></title></head><body> <div id="foto"><img width="300" height="195" border="0" src="java script:displayimage(1)" name="slideshow"></div> <div id="direita"><div id="ImgTitle"></div><div id="ImgDescription"></div></div> <div style="width:300px;"><div id="prvlink"></div><div id="zoom"></div><div id="nextlink"><a href="java script:displayimage(2)"></a></div></div> <div id="ImgTrack"></div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito