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

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


Lordouglas

Pergunta

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.

Link para o comentário
Compartilhar em outros sites

21 respostass a esta questão

Posts Recomendados

  • 0

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

Link para o comentário
Compartilhar em outros sites

  • 0

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.....

Link para o comentário
Compartilhar em outros sites

  • 0

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.

Link para o comentário
Compartilhar em outros sites

  • 0

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>

Link para o comentário
Compartilhar em outros sites

  • 0

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>

Link para o comentário
Compartilhar em outros sites

  • 0

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

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.



  • Estatísticas dos Fóruns

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