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

Como Fazer Uma Página Simples De Fotos?

All

Perguntado por All,

 Share

Pergunta

All

All

Postado
Postado

Gente, eu não manjo nada de html.....

Mas preciso fazer uma página super simples de html q é assim:

terão varias fotos, todas pequenas exibidas logo no topo da página....daí a pessoa pra ver a foto ampliada clica nela e ela amplia na parte de baixo.....e assim vai com todas as outras.....

A estrutura é mais ou menos essa:

user posted image

Vejam q lá nas fotos pequenas preciso de uma barra de rolagem pra ver mais fotos pequenas em baixo....e a foto ampliada fica logo embaixo das pequenas....

Como faço isso?????? huh.gif

Link para o comentário
Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

  • 0
thaconde

thaconde

Postado
Postado

Você pode usar iframe:

<iframe name="frameimagens" frameborder=0 " width=320 height=260 src="home.htm"><span class="style3"><br>

<br>

</span></iframe>

Aí você põe nas imagens o link:

figura.jpg

Target: frameimagens

Deve ter um jeito javascript melhor, mas não sei...

Eu sei abrir no mesmo lugar da imagem pequena... se ajudar...

Você põe o efeito de quando passar em cima da imagem ampliar...

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('figura2.jpg',1)">

Ponha o código na figura 1 e tire o tamanho da imagem em

H

W

Alterer :onMouseOver para

onMouseOver >> ampliar quando passa o mouse em cima

onClick >> ampliar quando clicar

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

Felipedcb

Postado
Postado

Acho que é a melhor idéia é a do Iframe como o thaconde falou...

Mas você pode fazer uma coisa mais simples.

1 - Cria uma página com todas as fotos no tamnho reduzido dentro de tabelas, (que nem tá aí nessa foto que você posto). Salva ela como menu.html

2 - Cria uma outra página, a página principal, que vai ser a página que vai juntar duas páginas em uma, que nem o HTML abaixo: (depois salva ela como principal.html)

<html>

<head>

<title>Nova pagina 2</title>

</head>

<frameset rows="182,*">

<frame name="cabecalho" scrolling="no" noresize target="principal" src="menu.html">

<frame name="meio" src="meio.html">

</frameset>

</html>

4 - Cria uma página em branco chamada "meio.html", vai ser a página que vai aparecer quando você entrar na página "principal.html" e ainda não estiver visualizando nem uma foto.

6 - Edita de novo a página menu.html, agora você coloca um link para cada foto abrir a foto grande na parte do meio. Como fazer isso? segue abaixo:

<base target="meio">

<a href="imagem_001.jpg"><img border="0" src="imagem_001.jpg" width="240" height="180"></a>

<a href="imagem_002.jpg"><img border="0" src="imagem_002.jpg" width="240" height="180"></a>

Sako? assim você não precisa criar uma imagem pequena e uma imagem grande da mesma foto, para você que tah começando é melhor ir fazendo assim...

Bom, o que foi feito foi o seguinte: Criamos duas páginas, um menu, uma página para ficar no meio, e outra página para aparecer essas duas páginas, (uma página com 2 frames, cada frame abre uma página). A página Menu, contém as fotos reduzidas com o link para elas abrirem no tamanho normal, no frame do meio da página principal...

Isso tudo é bem simples de fazer, mas explicar é complicado, acho que eu não sou muito bom em explicar as coisas de uma maneira fácil, mas to tentando =]

Qualquer dúvida posta aew...

[]s,

Felipe

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,1k
    • Posts
      651,8k
×
×
  • Criar Novo...