Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Dieguinn

[Resolvido] Efeito lightbox em imagem mapeada, como fazer?

Por , em Javascript

Recommended Posts

Dieguinn    0

Dieguinn
Postado

Ola gente, nao estou conseguindo inserir o efeito Lightbox na minha imagem mapeada. O que eu estou fazendo errado ?

 

Segue o link: http://www.sociedadeinclusiva.pucminas.br/CanelaEma/index1280x720.php

obs: Cliquem no menino da tirolesa, de capacete vermelho e camisa amarela, estou fazendo o teste somente nele primeiro.

 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META NAME="descrription" CONTENT="Canela de Ema | Ecotreinamento : é uma empresa especializada em treinamento empresarial e eventos corporativos ao ar livre, com experiência de mais de oito anos de mercado.">
<META NAME="AUTHOR" CONTENT="Diego Freitas Siqueira Souza - diegofss11@yahoo.com.br ">.
<style type="text/css">
	@import url("css/main.css");
</style>
<title>.::Canela de Ema   |   Ecotreinamentos e Diversão para sua família ::.</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,builder" type="text/javascript"></script>
	<script src="js/lightbox.js" type="text/javascript"></script>
</head>
<body>
<img src="img/Galera1280x720.jpg" usemap="#MyMap" border="0" width="1280" height="530" >
<MAP NAME="MyMap">
<AREA SHAPE=RECT COORDS="81,134,160,168" HREF="http://" TITLE="Mapa" OnClick="lightbox" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="21,29,120,106" HREF="http://" TITLE="Contato" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="327,116,410,187" HREF="http://" TITLE="Asa Delta" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="474,230,604,297" HREF="" TITLE="Ecotreinamento" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="213,273,26" HREF="http://" TITLE="Arvorismo" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="863,149,1014,251" HREF="http://" TITLE="Paraglider" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="1172,159,1267,276" HREF="http://" TITLE="Trilha de orientação" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="820,341,968,403" HREF="img/Tirolesa/tirolesa1.JPG" TITLE="Tirolesa" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="965,466,1074,511" HREF="http://" TITLE="Lazer" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="646,370,699,448" HREF="http://" TITLE="Observador" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="520,385,584,453" HREF="http://" TITLE="Restaurantes" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="331,341,501,405" HREF="http://" TITLE="Estadias" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="423,458,31" HREF="http://" TITLE="Canoagem" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="837,477,45" HREF="http://" TITLE="Bike" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="1102,468,1244,529" HREF="http://" TITLE="Fotos do Canela de Ema" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="1164,411,40" HREF="http://" TITLE="Rapel" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="124,281,34" HREF="http://" TITLE="Escalada" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="154,432,26" HREF="http://" TITLE="Escalada" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="76,351,173,397" HREF="http://" TITLE="Trekking" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="573,483,17" HREF="http://" TITLE="Pescaria" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="219,377,306,460" HREF="http://" TITLE="Escalaminhada" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="536,334,18" HREF="http://" TITLE="Fauna" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="9,164,71,258" HREF="http://" TITLE="Quem somos" OnClick="" OnMouseDown="" OnMouseUp="">
</MAP>
</body>
</html>

Ajudem por favor!

 

Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Dieguinn    0

Dieguinn
Postado

http://www.sociedadeinclusiva.pucminas.br/CanelaEma/index1280x720.php

 

Agora sim, consegui fazre mais ou menos, seria isso ?

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META NAME="descrription" CONTENT="Canela de Ema | Ecotreinamento : é uma empresa especializada em treinamento empresarial e eventos corporativos ao ar livre, com experiência de mais de oito anos de mercado.">
<META NAME="AUTHOR" CONTENT="Diego Freitas Siqueira Souza - diegofss11@yahoo.com.br ">.
<style type="text/css">
	@import url("css/main.css");
</style>
<title>.::Canela de Ema   |   Ecotreinamentos e Diversão para sua família ::.</title>
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
	<script src="js/prototype.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>

</head>
<body>
<img src="img/Galera1280x720.jpg" usemap="#MyMap" border="0" width="1280" height="530" >
<MAP NAME="MyMap">
<AREA SHAPE=RECT COORDS="81,134,160,168" HREF="http://" TITLE="Mapa" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="21,29,120,106" HREF="http://" TITLE="Contato" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="327,116,410,187" HREF="http://" TITLE="Asa Delta" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="474,230,604,297" HREF="" TITLE="Ecotreinamento" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="213,273,26" HREF="http://" TITLE="Arvorismo" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="863,149,1014,251" HREF="http://" TITLE="Paraglider" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="1172,159,1267,276" HREF="http://" TITLE="Trilha de orientação" OnClick="" OnMouseDown="" OnMouseUp="">
<a rel="lightbox" href="img/Tirolesa/Tirolesa.jpg"><AREA SHAPE=RECT COORDS="820,341,968,403" href="" TITLE="Tirolesa"></a>
<AREA SHAPE=RECT COORDS="965,466,1074,511" HREF="http://" TITLE="Lazer" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="646,370,699,448" HREF="http://" TITLE="Observador" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="520,385,584,453" HREF="http://" TITLE="Restaurantes" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="331,341,501,405" HREF="http://" TITLE="Estadias" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="423,458,31" HREF="http://" TITLE="Canoagem" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="837,477,45" HREF="http://" TITLE="Bike" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="1102,468,1244,529" HREF="http://" TITLE="Fotos do Canela de Ema" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="1164,411,40" HREF="http://" TITLE="Rapel" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="124,281,34" HREF="http://" TITLE="Escalada" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="154,432,26" HREF="http://" TITLE="Escalada" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="76,351,173,397" HREF="http://" TITLE="Trekking" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="573,483,17" HREF="http://" TITLE="Pescaria" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="219,377,306,460" HREF="http://" TITLE="Escalaminhada" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=CIRCLE COORDS="536,334,18" HREF="http://" TITLE="Fauna" OnClick="" OnMouseDown="" OnMouseUp="">
<AREA SHAPE=RECT COORDS="9,164,71,258" HREF="http://" TITLE="Quem somos" OnClick="" OnMouseDown="" OnMouseUp="">
</MAP>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito