Como Eu FaÇo Um Album De Fotos Pra Por Em Site

[Lordouglas]

Ola meus amigos eu sou novo nessa onda de web sites, tou apredendo na marra, quero saber o seguinte quem ai pode me ajudar fazer um album de fotos, assim que apareça a foto pequena, e quando clique em cima dela a foto aumenta mas sem sair da pagina.

Sabe tipo de um lado as fotos em miniatura e na outra metade as fotos ampliadas. entenderão?

Se entederão me ajudem eu agradeço servi um tutorial, ou o codigo mesmo detalhe eu não sei se isso e feito so em HTML e não for me falem qual linguagem que faz isso.

[.Andreia.]

de uma pesquisada sobre FRAMES

[Beraldo]

Talvez isto ajude:

http://maujor.com/tutorial/zoom_img.php

Para fazer o zoom somente no clique, é necessário JS, mas com esse tutorial você pega o "espírito da coisa" :)

Abraço

[PauloRJ]

Pegue o programa: Arles Image Web Page Creator

Ele gera varios tipos de albuns e so você falar a pagina de fotos que ele faz tudo.

você configura como desejado e clica em ok. Ele vai te entregar todas as paginas em .html prontinhas so colocar o link para a index do album e ser feliz rss

espero ter ajudado.

PS: Eu tenho o programa e o serial qualquer coisa posta aí []s

Aonde pegar o programa: www.superdownloads.com.br

[Lordouglas]

Pow mano se você poder me dar o serial eu agradeço.

[Cibele Renesto]

Olá, apesar de precisar comprar o cd, eu recomento o Photoshop Album. É muito bom e bem leve...

Além de que você tem uma opção muito legal em que você cria um museu de arte com as fotos e o cara que acessa vai caminhando com um bonequinho pela exposição, olha as fotos, passei... muito bom mesmo.....

[Lordouglas]

Faleu galera pelas dicas mas se vocês tiverem mas eu agradeço.

[Lordouglas]

Ola pessoal elguem sabe como eu faço um album de fotos pra colocar no site?

Assim fica de um lado a foto pequena ai quando a pessoa clica na foto ela apareçe ampliada no lado da da foto pequena, entenderam?

Se não olhem o modelo Olhem nesse site clique aqui.

Agradeço a todos que me ajudarem, se não der desse jeito ai pode ser qualquer meneira mas que seja bacana.

[fahledu]

você pode usar iframe... questiona na seção de html que vão te ajudar melhor...

[victormartins]

Tente usar assim:

É javascript

Javscript

function GenerateNoisy(value)
{
document.getElementById('hidGenerateNoisy').value = 'false';
}
function SetImage(index)
{
path = document.getElementById('imgPequena' + index).src;
path = path.replace('pequena', 'grande');
document.getElementById('imgPrincipal').src = path;
}

pagina.htm

<table width="289" height="400" border="0" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="289" valign="top"><font size="1"><br></font>
      <div align="center"><img src="carros/m_221.jpg" id="imgPrincipal" border="1"><input name="hidFotoSelecionada" id="hidFotoSelecionada" type="hidden" />
      <font size="1"></font></div>
                      <table cellSpacing="0" cellPadding="0" border="0" bordercolor="#000000" align="center" bgcolor="#ffffff" style="border:1px solid #000000">
<tr>
<td width="82" height="62">
<img id="imgPequena1" onClick="SetImage('1');" onMouseOver="this.style.cursor='hand';" onMouseOut="this.style.cursor='';" src="carros/m_222a.jpg" alt="" border="0" style="height:62px;width:90px;" />
</td>

<td width="82" height="62">
<img id="imgPequena2" onClick="SetImage('2');" onMouseOver="this.style.cursor='hand';" onMouseOut="this.style.cursor='';" src="carros/m_223.jpg" alt="" border="0" style="height:62px;width:90px;" />
</td>
<td width="82" height="62">
<img id="imgPequena3" onClick="SetImage('3');" onMouseOver="this.style.cursor='hand';" onMouseOut="this.style.cursor='';" src="carros/m_221.jpg" alt="" border="0" style="height:62px;width:90px;" />                                                                                                                                    </td>
</tr>
</table>

[Black Dragon]

A linguagem que a galera usou pra fazer o album foi ASP, mas lógico, site mosntado em IFRAMES!

como você não deve saber muito sobre isso, vou mandar pro HTML pra galera te explicar melhor!

[Lordouglas]

Obrigado galera pela ajuda de vocês mas se alguém tiver mas ideias eu aceito de coração.

Obrigado mas uma vez

victormartins o codigo javascript onde eu coloco na head ou no body?

[victormartins]

você coloca no head assim:

<script type="text/javascript" language=JavaScript>
function GenerateNoisy(value)
{
document.getElementById('hidGenerateNoisy').value = 'false';
}
function SetImage(index)
{
path = document.getElementById('imgPequena' + index).src;
path = path.replace('pequena', 'grande');
document.getElementById('imgPrincipal').src = path;
}
</script>

[Lordouglas]

Faleu victor

pela dica eu vou fazer pra ver como fica.

[victormartins]

qualquer duvida é só postar! :D

[Lordouglas]

Ola amigo eu fiz esse codigo que você me mandou e não aconteceu nada o que era pra acontecer.

Se alguém tiver mas dicas ai eu aceito.

[fercosmig]

crie dois frames

http://www.ccuec.unicamp.br/treinamento_in...co/pagina6.html

de nome a eles, por exemplo esquerdo e direito.

na página que vai ser mostrada no esquerdo você coloca as imagens assim:

<a href="imagem1_grande.jpg" target="direito"><img src="imagem1_pequena.jpg"/></a><br>

<a href="imagem2_grande.jpg" target="direito"><img src="imagem2_pequena.jpg"/></a>

espero ter ajudado

[Lordouglas]

Ola Victor eu fiz o que você me mandou, mas não deu certo não.

O que era pra contece, não aconteceu nada no script, quem poder me ajudar ai eu agradeço.

[victormartins]

era pra acontecer o seguinte:

ele pegava a imagem pequena e quando você clica na foto ele amplia!

[Lordouglas]

Victo você tem ai um exemplo de como vai ficar o efeito?

[victormartins]

dps eu ponho no meu site ai eu te passo como que fica porque eu toh meio apreçado

[Lordouglas]

está VIcto você vao vai quebrar um galhão ho