Foros del Web » Creando para Internet » HTML »

shadowbox con area shape

Estas en el tema de shadowbox con area shape en el foro de HTML en Foros del Web. Buenas tardes Tengo esto: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < map name = "mimapa" id = "mimapa" > < area shape = "circle" coords ...
  #1 (permalink)  
Antiguo 24/07/2012, 14:15
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.134
Antigüedad: 15 años, 6 meses
Puntos: 9
Pregunta shadowbox con area shape

Buenas tardes

Tengo esto:

Código HTML:
Ver original
  1. <map name="mimapa" id="mimapa">
  2. <area shape="circle" coords="559,400,30" href="#" alt="" title="Título 3" />
  3. <area shape="rect" coords="366,256,434,390" href="#" alt="" title = "4">
  4. <area shape="rect" coords="488,266,625,375" href="#" alt="" title = "5">
  5. <area shape="poly" coords="499,394,483,377,441,375,433,397,436,414,497,414" href="#" alt="" title = "6">
  6. </map>

Y busco integrar cada área con "shadowbox":


Código HTML:
Ver original
  1. <a rel="shadowbox;width=700;height=500" title="Página web" href="URL de la página">Página web</a>

¿Cómo lo integro?

Gracias por su ayuda
__________________
Diseñador Gráfico publicitario
  #2 (permalink)  
Antiguo 25/07/2012, 07:12
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.134
Antigüedad: 15 años, 6 meses
Puntos: 9
Respuesta: shadowbox con area shape

Por que no puedo agregar la etiqueta rel="" a la zona interactiva?

Código Javascript:
Ver original
  1. <area shape="circle" coords="559,400,30" href="#" rel= "shadowbox[galeria1]; width = 480;height = 360" alt="" title="Título 1" />

Cómo puedo agregar la etiqueta para que me funcione "shadowbox"

Gracias por su ayuda
__________________
Diseñador Gráfico publicitario
  #3 (permalink)  
Antiguo 25/07/2012, 08:21
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.134
Antigüedad: 15 años, 6 meses
Puntos: 9
Respuesta: shadowbox con area shape

Holasss
Encontré esto, pero no me funciona:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $("area[rel='example1']").shadowbox({transition:"fade"});          
  4. });
  5. </script>

Código Javascript:
Ver original
  1. <area shape="circle" coords="559,400,30" href="https://www.google.com.co/" alt="example1" title="Título 1" />

Como lo implemento?
__________________
Diseñador Gráfico publicitario

Etiquetas: area, página, shadowbox, shape
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:17.