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
Publicidade
|
|
Page 1 of 1
Lightbox sem botao de proximo e anterior, e sem link na imagem apenas com botao fechar
#2
Posted 10 September 2008 - 08:26 PM
vc tem que baixa os arquivos do lightbox no site
dai é so colocar isso aqui
entre
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<body>
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
</body>
no <a href="aqui vai o link da foto ampliada" rel="lightbox" title="Descrição da foto">Aqui vai o link que clica pra abrir o lightbox></a>
caso o link seja uma foto menor é so faze assim
<a href="aqui vai o link da foto ampliada" rel="lightbox" title="Descrição da foto"><img src="aqui vai o link da foto miniatura" alt="descrição da foto miniatura" /></a>
dai é so colocar isso aqui
entre
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<body>
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
</body>
no <a href="aqui vai o link da foto ampliada" rel="lightbox" title="Descrição da foto">Aqui vai o link que clica pra abrir o lightbox></a>
caso o link seja uma foto menor é so faze assim
<a href="aqui vai o link da foto ampliada" rel="lightbox" title="Descrição da foto"><img src="aqui vai o link da foto miniatura" alt="descrição da foto miniatura" /></a>
#3
Posted 10 September 2008 - 11:42 PM
aproveitandoa dica...alguem saberia dizer como fazer para que o titulo e o botao fechar da foto ampliada aparecesse em cima em vez d embaixo da foto?
uma vez consegui mudando o codigo onde mandava formar as divs, mas nao to conseguindo mais...to tentando com o lighrbox 2
uma vez consegui mudando o codigo onde mandava formar as divs, mas nao to conseguindo mais...to tentando com o lighrbox 2
#4
Posted 11 September 2008 - 12:11 PM
ae tu tem que abri a css do lightbox e muda
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
num testei aqui mais tenta muda o padding-bottom pra padding-top que é capaz de dá certo
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
num testei aqui mais tenta muda o padding-bottom pra padding-top que é capaz de dá certo
Share this topic:
Page 1 of 1
Similar Topics
| Topic | Forum | Started By | Stats | Last Post Info | |
|---|---|---|---|---|---|
|
Palestra com criador do Orkut em SP vai custar R$ 786,50
|
Notícias |
Notícias
|
|
|
|
Link e acentos errados
vindo do Bd |
PHP |
pcclaro
|
|
|
|
Piratas seqüestram navio indiano com 13 tripulantes na Somália
|
Notícias |
Notícias
|
|
|
|
Criar componentes dinamicamente com xml.
Como fazer? |
Flex |
wiltave
|
|
|
|
Gates vê IBM e não Google como principal rival....
Terra Tecnologia |
Notícias |
TiTi Celestino
|
|
|
|
Microsoft desenvolve teclado com acesso a recursos
IDG Now! - Computação Pessoal |
Notícias |
TiTi Celestino
|
|
|
|
Suécia começa a julgar responsáveis pelo site The Pirate Bay
|
Notícias |
Notícias
|
|
|
|
Botão fireworks para greybox
Como fazer o link para greibox em botão feito no fireworks. |
Dreamweaver |
Xdaquestão
|
|
Publicidade
|
|

Help













