Ir para conteúdo

POWERED BY:

Arquivado

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

Andreatti

LigthBox basico. Como fazer?

Recommended Posts

Ola.

Galera to com um problema enorme, preciso colocar umas imahens em um site "trabalho escolar" . Porem para colocaçao dessas imagens, eu preciso fazer em JS, porem nao tenho "nada" de experiencia com JS, e soh faltam duas semanas para entrega do site.

O que eu quero sao em duas etapas.

Na HOME, eu quero apenas colocar uma amostra de imagens, linkando cada imagens para uma pagina correspondente a pagina de GALERIA. Queria uma maneira bem simples de fazer isso.

 

A segunda etapa, fica extamente na pagina GALERIA , onde ficam todas as imagens em uma "paleta",lista, albun , depende de como é chamado, e quando clicar em alguma imagen ela aparecera nu seu tamanho original(ou algum tamanho predefinido) em uma area de visualizaçao. (imaginem o albun de fotos do orkut: clico em uma foto da lista e ela aparece maior numa area abaixo da lista).

 

 

Agradeceria muito se alguem e dissesse como fazer , e explicasse o codigo, ou me dissesse quais os recursos utilizados que eu procuro a explicação deles na internet ou msm em livros de JS.Preciso tmb que na area de visualizaçao das imagens tennha um link como "roximo"e "anterior". Esse links (para questao de estetica) devem ser Setas apontando para frente e para traz.

 

É apenas isso. Eu soh preciso de um codigo simples.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Na HOME, eu quero apenas colocar uma amostra de imagens, linkando cada imagens para uma pagina correspondente a pagina de GALERIA. Queria uma maneira bem simples de fazer isso.

<a href="galeria1.html"><img src="img_galeria1.jpg" border="0"/></a>
<a href="galeria2.html"><img src="img_galeria2.jpg" border="0"/></a>
<a href="galeria3.html"><img src="img_galeria3.jpg" border="0"/></a>
<a href="galeria4.html"><img src="img_galeria4.jpg" border="0"/></a>

 

A segunda etapa, fica extamente na pagina GALERIA , onde ficam todas as imagens em uma "paleta",lista, albun , depende de como é chamado, e quando clicar em alguma imagen ela aparecera nu seu tamanho original(ou algum tamanho predefinido) em uma area de visualizaçao. (imaginem o albun de fotos do orkut: clico em uma foto da lista e ela aparece maior numa area abaixo da lista).

O script para lightbox mais simples que conheço é o Lightbox 2

Basta você ler as informações na páginas principal e seguir o exemplo que vem junto com os códigos

se tiver algum problema volte a postar ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Dá uma olhada aqui

 

É bom que tenhas um pouco de conhecimento em html

clique aqui

 

complementado

 

Vá até a parte do post onde diz assim

 

Olá pessoal!

 

Dão uma olhada nestes exemplos assistam os exemplos 1 a 1

o mais recomendado é o jcarrousel and tikbox3

 

exemplos

 

após este passo assistam a esta video aula

video aula

 

sabia.net

Ir para o topo

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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