5 replies to this topic

[FlavinhaGoulart]

Prezados amigos,

Estou tentando utilizar um script de galeria de fotos do http://www.fazedorde...alizarfoto.html, igual às imagens que estão disponíveis no site. Mas como não entendo absolutamente nada de JS, estou com dúvidas de como inserir as fotos, onde colocar o código JS no meu site e onde precisa ser feita as modificações no código para que façam a leitura das minhas imagens.
Fico grata desde já,

Flávia Goulart

[§ Kenshin §]

eh so inserir o link para a imagem grande na miniatura (thumb) e incluir o atributo rel='aumenta' na tag do link:

<a href="http://www.fazedordesite.com/exemplos/fotomaior/pordosol.jpg" rel='aumenta' title="Por do Sol">
<img src="http://www.fazedordesite.com/exemplos/fotomaior/pordosolp.jpg" alt="Imagem de teste" /></a>

e logico, incluir tambem o arquivo que contem as funcoes:

<script src="fsgaleria.js" type="text/javascript"></script>

tente fazer isso ai: criar uma pasta com as thumbs, uma pasta com as imagens grandes e criar os links seguindo o padrao acima.

qualque coisa eh so falar

vlw

Edição feita por: § Kenshin §, 03/12/2007, 23:20.

[FlavinhaGoulart]

eh so inserir o link para a imagem grande na miniatura (thumb) e incluir o atributo rel='aumenta' na tag do link:

<a href="http://www.fazedordesite.com/exemplos/fotomaior/pordosol.jpg" rel='aumenta' title="Por do Sol">
<img src="http://www.fazedordesite.com/exemplos/fotomaior/pordosolp.jpg" alt="Imagem de teste" /></a>

e logico, incluir tambem o arquivo que contem as funcoes:

&lt;script src="fsgaleria.js" type="text/javascript"></script>

tente fazer isso ai: criar uma pasta com as thumbs, uma pasta com as imagens grandes e criar os links seguindo o padrao acima.

qualque coisa eh so falar

vlw

Kenshin,

Deu tudo certo conforme sua explicação. A única coisa que não consegui foi colocar os botões "fechar", "anterior" e "posterior", a imagem nao carrega. Onde posso tá errando?
Eu coloquei as imagens dentro da mesma pasta onde estão as fotos pequenas e grandes e mandei para o servidor, mas dentro do código tem que fazer alguma referencias a essas imagens???
Visualiza meu teste em http://www.guia40gra...br/testando.htm
Outra coisa que queria saber: na tela que abre com as fotos, tem como mudar a cor do "alt" que colocamos?
Eu fico imensamente grata por vc ter dispensado um pouco do seu tempo para me prestar esta grande ajuda.
Muito obrigada!

Flávia Goulart

eh so inserir o link para a imagem grande na miniatura (thumb) e incluir o atributo rel='aumenta' na tag do link:

<a href="http://www.fazedordesite.com/exemplos/fotomaior/pordosol.jpg" rel='aumenta' title="Por do Sol">
<img src="http://www.fazedordesite.com/exemplos/fotomaior/pordosolp.jpg" alt="Imagem de teste" /></a>

e logico, incluir tambem o arquivo que contem as funcoes:

&lt;script src="fsgaleria.js" type="text/javascript"></script>

tente fazer isso ai: criar uma pasta com as thumbs, uma pasta com as imagens grandes e criar os links seguindo o padrao acima.

qualque coisa eh so falar

vlw

Kenshin,

Deu tudo certo conforme sua explicação. A única coisa que não consegui foi colocar os botões "fechar", "anterior" e "posterior", a imagem nao carrega. Onde posso tá errando?
Eu coloquei as imagens dentro da mesma pasta onde estão as fotos pequenas e grandes e mandei para o servidor, mas dentro do código tem que fazer alguma referencias a essas imagens???
Visualiza meu teste em http://www.guia40gra...br/testando.htm
Outra coisa que queria saber: na tela que abre com as fotos, tem como mudar a cor do "alt" que colocamos?
Eu fico imensamente grata por vc ter dispensado um pouco do seu tempo para me prestar esta grande ajuda.
Muito obrigada!

Flávia Goulart

Bati cabeça um pouquinho e consegui colocar tudo em ordem. Só passei aqui pra agradecer mais uma vez pela sua força.
Obrigada!

Flávia Goulart

[§ Kenshin §]

por nada, estamos aqui pra aprender e tentar ensinar, hehehe

quanto a cor da tag alt, ainda nao encontrei essa opcao, acho que nao existe nao.
o que voce pode fazer eh criar uma div oculta e usar os eventos onmouseover e onmouseout para mostrar e ocultar essa div. ai sim, esta div voce pode criar do jeito que quiser.

vlw

[bimonti]

Aqui não apareceu o ALT. Existe uma diferença, o que faz mostrar aquela caixinha com um texto é o atributo "title". O Alt faz isso somente no Internet Explorer, mas ele serve como um texto alternativo, caso a imagem não abra por exemplo.

Para criar um "title" personalizado você pode usar um recurso muito utilizado recentemente, chamado "tooltip". Trata-se de um código JS + CSS na maioria dos casos. Procure no google que existem vários. Eu usei recentemente em um projeto meu, mas desabilitei temporariamente pra testar outra coisa, mas funciona muito bem.

[Rodrigo Fante]

no mesmo site tem um exemplo bem simples de como por um tooltip:
http://www.fazedorde.../14/fs-tooltip/