
Ajuda Com Map/lightbox
Started By Leonardo Vilela, 01/03/2008, 23:10
3 replies to this topic
#1
Posted 01/03/2008, 23:10
Galera, é o seguinte. Estou desenvolvendo um site onde ele é uma imagem em jpg, essa imagem eu criei um MAP nela onde carrega uma lightbox. Meu problema é que gostaria que essa lightbox busca-se as imagens de dentro de uma determinada pasta, e não buscar de forma como eu coloquei o código.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Heloisa Helena - Artista Plástica</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
<!-- ImageReady Slices (index.ai) -->
<br><img src="images/galerias.jpg" alt="" width="762" height="562" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="262,351,291,380" href="contato.html">
<area shape="rect" coords="230,351,259,380" href="workshop.html">
<area shape="rect" coords="199,351,228,380" href="empresas.html">
<area shape="rect" coords="167,351,196,380" href="arte.html">
<area shape="rect" coords="135,351,164,380" href="projeto.html">
<area shape="rect" coords="104,351,133,380" href="exposicao.html">
<area shape="rect" coords="72,351,101,380" href="galerias.html">
<area shape="rect" coords="40,351,69,380" href="proposta.html">
<area shape="rect" coords="168,422,329,430" a href="images/armindo.jpg" rel="lightbox.js">
<area shape="rect" coords="181,434,328,441" a href="images/carlos.jpg" rel="lightbox.js">
<area shape="rect" coords="646,103,739,113" a href="images/galerias/galeria_essencia/essencia1.jpg" rel="lightbox.js">
<area shape="rect" coords="645,204,741,215" a href="images/galerias/galeria_usa/usa1.jpg" rel="lightbox.js"/>
<area shape="rect" coords="646,320,741,332" a href="images/galerias/galeria_resgate/resgate1.jpg" rel="lightbox.js"/>
<area shape="rect" coords="646,400,741,410" a href="images/galerias/galeria_agua/agua1.jpg" rel="lightbox.js"/>
<area shape="rect" coords="645,504,742,515" a href="images/galerias/galeria_gaia/gaia1.jpg" rel="lightbox.js"/>
</map>
<!-- End ImageReady Slices -->
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Heloisa Helena - Artista Plástica</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
<!-- ImageReady Slices (index.ai) -->
<br><img src="images/galerias.jpg" alt="" width="762" height="562" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="262,351,291,380" href="contato.html">
<area shape="rect" coords="230,351,259,380" href="workshop.html">
<area shape="rect" coords="199,351,228,380" href="empresas.html">
<area shape="rect" coords="167,351,196,380" href="arte.html">
<area shape="rect" coords="135,351,164,380" href="projeto.html">
<area shape="rect" coords="104,351,133,380" href="exposicao.html">
<area shape="rect" coords="72,351,101,380" href="galerias.html">
<area shape="rect" coords="40,351,69,380" href="proposta.html">
<area shape="rect" coords="168,422,329,430" a href="images/armindo.jpg" rel="lightbox.js">
<area shape="rect" coords="181,434,328,441" a href="images/carlos.jpg" rel="lightbox.js">
<area shape="rect" coords="646,103,739,113" a href="images/galerias/galeria_essencia/essencia1.jpg" rel="lightbox.js">
<area shape="rect" coords="645,204,741,215" a href="images/galerias/galeria_usa/usa1.jpg" rel="lightbox.js"/>
<area shape="rect" coords="646,320,741,332" a href="images/galerias/galeria_resgate/resgate1.jpg" rel="lightbox.js"/>
<area shape="rect" coords="646,400,741,410" a href="images/galerias/galeria_agua/agua1.jpg" rel="lightbox.js"/>
<area shape="rect" coords="645,504,742,515" a href="images/galerias/galeria_gaia/gaia1.jpg" rel="lightbox.js"/>
</map>
<!-- End ImageReady Slices -->
</div>
</body>
</html>
#2
Posted 02/03/2008, 23:38
O lightbox busca de acordo de como está os LINKS, que o próprio nome já diz isso LINK, o lightbox somente faz com que a imagem não abra em outra página, saindo da página atual, ele abre em uma nova camada da mesma página.
PS.: Usa a tag CODE do fórum para colocar os códigos em uma caixa.
PS.: Usa a tag CODE do fórum para colocar os códigos em uma caixa.
[CODE] codigo...[BARRACODE] BARRA= /
Edição feita por: lwirkk, 02/03/2008, 23:41.

"Se quiser ser feliz por um dia, vingue-se; se quiser ser feliz por uma vida inteira, perdoe."
Muito Obrigado à todos do fórum, e à toda equipe do fórum!

#3
Posted 07/03/2008, 13:55
O lightbox busca de acordo de como está os LINKS, que o próprio nome já diz isso LINK, o lightbox somente faz com que a imagem não abra em outra página, saindo da página atual, ele abre em uma nova camada da mesma página.
PS.: Usa a tag CODE do fórum para colocar os códigos em uma caixa.[CODE] codigo...[BARRACODE] BARRA= /
lwirkk, desculpe mas não entendi, é possível então fazer um lightbox buscar uma sequencia de imagens dentro de uma imagens mapeada ? Como fazer isso ? Onde inserir o [code=auto:0] ?
Valeu abraços
#4
Posted 04/10/2008, 20:08
Qual a maneira 'correta' de referenciar o lightbox?
Estou utilizando o lightobox++ no caso o correto seria colocar:
rel="lightbox++" ou rel="lightbox++.js" ? e se eu colocar simplesmente rel="lightbox" faz alguma diferênça no resultado final?
Outro ajuda que gostaria de contar com os demais colegas é que meu lightbox só funciona no IE, no Firefox e demais navegadores não abre, e linka direto no arquivo flash que estou usando junto, o que fazer neste caso?
Agradeço desde já pela ajuda!
Estou utilizando o lightobox++ no caso o correto seria colocar:
rel="lightbox++" ou rel="lightbox++.js" ? e se eu colocar simplesmente rel="lightbox" faz alguma diferênça no resultado final?
Outro ajuda que gostaria de contar com os demais colegas é que meu lightbox só funciona no IE, no Firefox e demais navegadores não abre, e linka direto no arquivo flash que estou usando junto, o que fazer neste caso?
Agradeço desde já pela ajuda!
Edição feita por: Inovar Group, 04/10/2008, 20:10.
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)