Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá,
Estou precisando criar uma página de produtos, que conterá 5 máquinas.
Preciso por uma miniatura que qndo clicada ela se abra maior.
Com os conhecidos lightbox eu sei que isso é possível, mas todo lightbox que encontro há na foto qndo ampliada um botãozinho de próxima foto, um de foto anterior e ainda um link na foto.
Eu nao preciso de nada disso, so q a foto se abra com um simples botao de fechar.
Alguem saberia me ajudar? Desde já mto obrigado
obrigado pela atenção scaico...mas no link do meu lightbox nao tem esse "rel" ai...eh assim:
<a class="galeria" href="Eletronica/EA2000.jpg" title="Eletrônica Analógica - EA2000"> <img src="Eletronica/BIT-EA2000.jpg"/> </a>
=/
Mas até onde eu sei, para funcionar, o Lightbox precisa desse atributo rel, da mesma maneira que nosso amigo Scaico indicou.
Vi,
teria como você disponbilizar a página (mesmo que seja de teste) funcionando para que a gente possa dar uma olhada?
Eu nunca ví lightbox sem o atributo rel...
Todo lightBox que vi até hoje tem o atributo rel declarado
amanha coloco os arquivos na net para q possam ver...
gostaria tbm d colocar o botao fechar e o titulo da foto ampliada em cima da foto ao invés de ficar embaixo...é possível?
Olha, em cima da foto eu ainda não coloquei, mas conhecendo bem CSS você consegue manipular bastante o visual de seu lightbox (provavelmente utilizando corretamente o position absolute você consiga). Basta apenas você entender a estrutura criada para poder modificar o CSS (dentro do arquivo .js do lightbox, ele mostra em um trecho comentado como ficaria a estrutura do lightbox em HTML, e ali você consegue ver quem é pai de quem, quem é filho de quem, e etc.).
Abraço!
Bom dia a todos!!!
Vi, apenas adicione o comando rel após o link da foto.
Exemplo:
(Sem o rel)
<a class="galeria" href="Eletronica/EA2000.jpg" title="Eletrônica Analógica - EA2000"> <img src="Eletronica/BIT-EA2000.jpg"/> </a>
(Com o rel)
<a class="galeria" href="Eletronica/EA2000.jpg" rel="lightbox" title="Eletrônica Analógica - EA2000"> <img src="Eletronica/BIT-EA2000.jpg"/> </a>
Espero que consiga.
Jonas Tadeu.
Mais um que aparece desenterrando tópicos... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif
JOnas.T21
Sei que a intenção foi boa mas este tópico é de 09/2008
Se deseja realmente ajudar o fórum responda em tópicos recentes onde os usuários ainda precisam da resposta
oi Vi,
isso é bem simples. Usando o próprio Lightbox (ou qualquer semelhante), você tem a opção de criar "Albums" (onde as fotos são seqüenciais e possuem os botões de "PROXIMA" ou "ANTERIOR") ou pode criar fotos "Independentes".
Para criar fotos "Independentes", da maneira que você deseja, basta linkar da seguinte forma:
CODE
Dessa maneira, cada foto será independente das demais e não será possível "navegar" entre elas.
Caso você deseje criar "Albums", basta adicionar uma tag com o nome do album que você preferir.
Ex:
CODE
Nesse caso acima, as fotos 1 e 2 estariam linkadas, podendo navegar entre elas com os botões "PROXIMA" e "ANTERIOR". Porém a foto 3 continuaria independente.
Deu pra sacar?