Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 8
Sexo: Masculino

Galeria de photos

19-04-2012 16:01

Estou precisando de uma galeria de photos, mas não sei como fazer, então encontrei esse script, aqui memso no forum, e agora não sei como incluí-lo

<script> // essa função abaixo, serve para carregar suas fotos mais rápido // só colocar abaixo as fotos que vai usar function cache() { imagens = new Image(); imagens.src='teste/photo1.jpg'; imagens.src='teste/photo2.jpg'; imagens.src='teste/photo3.jpg'; } // essa função, pega do link a figura, largura e altura // e passa para a imagem ( id=grande ) function mostra(foto,largura,altura) { document.getElementById("grande").src=foto; document.getElementById("grande").width=largura; document.getElementById("grande").width=altura; } // essa função, carrega a figura ao tirar o cursor sobre a foto function nao_mostra() { document.getElementById("grande").src="foto_em_branco.gif"; document.getElementById("grande").width=100; document.getElementById("grande").width=100; } </script>


**/// GOSTARIA DE SABER
como eu faço para incluir ele na página que eu quero?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17663
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Galeria de photos

19-04-2012 16:05

Que tipo de galeria procura?
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 8
Sexo: Masculino

Galeria de photos

19-04-2012 16:13

Qualquer uma.. Rsrs

Apenas uma que, quando ao clicar na imagem a imagaem expande
0
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 8
Sexo: Masculino

Galeria de photos

19-04-2012 16:15

Se extistir em CSS é melhor ainda...
Não conheço muito bem as outras linguagens...
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17663
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Galeria de photos

19-04-2012 16:53

Tem muitas galerias. Aqui nesse link tem alguns modelos em jQuery

http://www.1stwebdesigner.com/css/57-fr ... solutions/
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 8
Sexo: Masculino

Galeria de photos

19-04-2012 17:01

Uma Lightbox simples tipo essas aqui

http://www.no-margin-for-errors.com/pro ... rettyPhoto

bem, bem simples mesmo.
0
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 8
Sexo: Masculino

Galeria de photos

19-04-2012 17:06

Vi esse script

<a href="images/fullscreen/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."><img src="images/thumbnails/t_1.jpg" width="60" height="60" alt="Red round shape" /></a> <a href="images/fullscreen/2.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="Nice building" /></a> <a href="images/fullscreen/3.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_3.jpg" width="60" height="60" alt="Fire!" /></a> <a href="images/fullscreen/4.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_4.jpg" width="60" height="60" alt="Rock climbing" /></a> <a href="images/fullscreen/5.jpg" rel="prettyPhoto[pp_gal]"><img src="images/thumbnails/t_5.jpg" width="60" height="60" alt="Fly kite, fly!" /></a>


Mas não entendi....
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17663
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Galeria de photos

19-04-2012 17:37

É um tipo lightbox. Você coloca as imagens, elas ficam em tamanho pequeno. Quando clica, escurece a tela e mostra a imagem maior.
Observa o exemplo que geralmente vem com o script e adapta com suas imagens.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 8
Sexo: Masculino

Galeria de photos

19-04-2012 18:07

Pois é, mas não funcionou comigo... =/
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17663
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Galeria de photos

19-04-2012 18:11

Você baixou algum exemplo de galeria? Porque sempre vem um exemplo de como funciona. Você tem que ter a imagem no tamanho normal, aplicar o efeito.

Qual script usou e colocou ele online no seu site?
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 8
Sexo: Masculino

Galeria de photos

19-04-2012 18:19

Achei o script aqui
http://www.no-margin-for-errors.com/pro ... rettyPhoto

3ª opção.

Tem o code e o demo
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17663
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Galeria de photos

19-04-2012 19:02

Então, você tem que baixar o Production version, que é zip.

Você descompacta no seu servidor em uma pasta. Ai usa o index como exemplo. Se for usar em um documento seu, tem que chamar os js e css da mesma forma que o index.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 8
Sexo: Masculino

Galeria de photos

20-04-2012 17:23

Pois é, eu tentei e não consegui.
Não consegui fazer com nenhum que encontrei.
Tentei fazer os passos certinhos, mas ainda assim não funcionou.
Mas obrigada mesmo pela ajuda, foi muito legal. Adorei seu forum e sua iniciativa de ajudar outras pessoas.

Mais uma vez obrigada e um grande abraço.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17663
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Galeria de photos

20-04-2012 17:29

Esses exemplos pronto é o mais simples que conheço. Acho que talvez esse vídeo tutorial de como montar uma galeria com jQuery seja melhor.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado