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


Moderador: web

 

Script de galeria de fotos com zoom

09-06-2007 21:12

Teria como fazer um script q consistia em dar zoom nas imagens...??

tipo.. pra não ficar fazendo 2 imagens, uma menor pra thumbnails e uma maior pra ver a img e talz...

economizaria bastante tempo...!!

obrigado ae!!

Abraços, Renan
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Script de galeria de fotos com zoom

09-06-2007 21:23

Veja esse código:

<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='foto1.gif'; imagens.src='foto2.gif'; imagens.src='foto3.gif'; } // 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> <body onLoad="cache()"> <img src="fototal.gif" onMouseover="mostra('fototal_grande.gif', 200, 200)" onMouseout="nao_mostra()"> <br> <img src="foto_em_branco.gif" id="grande" width="100" height="100">

Obs.: Note que tanto na função nao_mostra() quanto na imagem foto_em_branco.gif, largura e altura são 100, caso for usar outra figura de outro tamanho, trocar nos lugares citados.

Pode também trocar o evento, ou seja, ao invés de alterar ao passar o mouse, alterar ao clicar, trocando: onMouseover por onClick.
0
A melhor hospedagem para o seu site HostGator!
 

Script de galeria de fotos com zoom

09-06-2007 21:36

Show.... blz!!!

funcionou redondinho...!!

brigadão!!

abraços!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Script de galeria de fotos com zoom

09-06-2007 21:39

¨halfsmile¨
0
A melhor hospedagem para o seu site HostGator!
 

Script de galeria de fotos com zoom

09-06-2007 21:53

Sem querer abuzar.... tava querendo fazer + uma coisinha...

tipo... a pessoa clica no thumbnail, aí aparece a img maior (como vc me explicou..), mas além disso queria colocar um botão com o texto "select" pra pessoa clicar e a foto aparecer pequena em outra tabela, no canto da página, ou lá no final... até então vazia...!!!

Pra pessoa poder escolher de quais imagens ela gostou +...!!

=D

brigadão veio!

abraços!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Script de galeria de fotos com zoom

09-06-2007 21:54

Seguindo a mesma base desse script, só trocando o link, por esse select:

<select onChange="mostra(this.value, 200, 200)"> <option></option> <option value="a.gif">a</option> <option value="b.gif">b</option> <option value="c.gif">c</option> </select>

0
A melhor hospedagem para o seu site HostGator!
 

Script de galeria de fotos com zoom

09-06-2007 22:09

tipo...

eu tenho cerca de 6 tabelinhas pra receber as fotos selecionadas...

por ex.

eu selecionei 1, aí dps eu escolho outra foto... eu não queria q a 2ª fotinha selecionada substituisse a 1ª fotinha... sabe como???

tipo pra ir preenchendo as 6 tabelinhas menores...

esse script faz isso??

se fizer ignore essa msg acima...

de qlq forma acredito q não o entendi direito... e não sei onde usa-lo!

perdoe minha ignorância..!!

obrigadão + uma vez!!

[]'s
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Script de galeria de fotos com zoom

09-06-2007 22:59

Seria assim

<script> function cache() { imagens = new Image(); imagens.src='a.gif'; imagens.src='b.gif'; imagens.src='c.gif'; } coluna = 0; function mostra(foto,largura,altura) { coluna++; if(coluna>6) { alert("lista completa.") return false; } document.getElementById("coluna"+coluna).innerHTML="<img src='"+foto+"' width='"+largura+"' height='"+altura+"'>"; } </script> <body onLoad="cache()"> <select onChange="mostra(this.value, 200, 200)"> <option></option> <option value="a.gif">a</option> <option value="b.gif">b</option> <option value="c.gif">c</option> </select> <table border="0"> <tr> <td id="coluna1"></td> <td id="coluna2"></td> <td id="coluna3"></td> </tr> <tr> <td id="coluna4"></td> <td id="coluna5"></td> <td id="coluna6"></td> </tr> </table>

0
A melhor hospedagem para o seu site HostGator!
 

Script de galeria de fotos com zoom

10-06-2007 09:49

Deu +/- certo...

pq, ficou ótimo, as tabelinhas de yourchoice ficaram relacionadas com a imagem e até aparece o alert quando a lista tá completa...

pórem a imagem não aparece lá por algum motivo...

só aparece um símbolo de img rapidinho e pronto...!!

será q fiz alguma coisa errada???

brigadão amigo!!

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

Script de galeria de fotos com zoom

10-06-2007 10:28

Dá uma olhada nesse artigo
viewtopic.php?t=797
0
A melhor hospedagem para o seu site HostGator!
 

Script de galeria de fotos com zoom

10-06-2007 13:21

esse aki é todo o arquivo...

ve se tem algo errado... não consegui achar nada errado não...

...
0
 

Script de galeria de fotos com zoom

10-06-2007 13:59

acho q o problema tá no (this.file, x, x) ... eu acho...

tentei trocar por uma img qlq e deu certo... só q só aparecia ela independente de qual imagem eu selecionar... huahauahuahuahua!!

sei lá... já tentei de td!!
0

Quem está online

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