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 | |
|---|---|---|---|---|---|
|
ajuda com loop
|
Flash & ActionScript |
Diogo¹
|
|
|
|
Mudar Posição do Menu do Flash
Gostaria de saber como mudar a posição de um... |
Flash & ActionScript |
Rodrigo_rj
|
|
|
|
dark art
alguem pode explicar como fazer isso???? |
Photoshop & Image Ready |
swater
|
|
|
|
Comércio eletrônico deve vender R$ 750 mi no Dia das Mães
|
Notícias |
Notícias
|
|
|
|
Complementos para Firefox incluem vírus que afeta Windows
|
Notícias |
Notícias
|
|
|
|
O que aconteceu com o HD ?
|
Hardware |
Filipe_Moraes
|
|
|
|
Dúvida- botão sair do Captivate
|
Captivate |
luschiavelli
|
|
|
|
Manobra de última hora impede leilão do domínio sex.com
|
Notícias |
Notícias
|
|
Publicidade
|
|

Help













