[SOLUCIONADO] Imágenes en php con enlaces

fortil · Mayo 01, 2013, 03:56:07 PM

Hola a todxs

Resulta que he visto esta imagen y me causa duda acerca de cómo puedo generar este tipo de imágenes con php

You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login

Si se le da click a la imagen para ampliar, aparecen los nombres de cada dependencia pero si se le da click en cada dependencia aparece la persona a cargo, alguien sabe acerca de esto?, donde me puedo documentar mejor?

gracias

s3cur1tyr00t · Mayo 01, 2013, 04:03:32 PM

Muy sencillo, son mapeos html sobre la imágen.

Ejemplo extraído del sitio que mencionas:

Código: text

<map name="organigrama">
			<area shape="rect" coords="303,14,515,62" href="index.php?seccion=ORGANIGRAMA&amp;item=1" title="Consejo Directivo" alt="Consejo Directivo">
			<area shape="rect" coords="297,118,510,166" href="index.php?seccion=ORGANIGRAMA&amp;item=2" title="Director Ejecutivo" alt="Director Ejecutivo">
			<area shape="rect" coords="24,74,206,123" href="index.php?seccion=ORGANIGRAMA&amp;item=4" title="Revisor Fiscal" alt="Revisor Fiscal">
			<area shape="rect" coords="12,184,248,226" href="index.php?seccion=ORGANIGRAMA&amp;item=5" title="Claustro de Profesores" alt="Claustro de Profesores">
			<area shape="rect" coords="13,250,248,293" href="index.php?seccion=ORGANIGRAMA&amp;item=6" title="Comité de Coordinación" alt="Comité de Coordinación">
			<area shape="rect" coords="11,311,223,359" href="index.php?seccion=ORGANIGRAMA&amp;item=7" title="Oficina de Proyectos" alt="Oficina de Proyectos">
			<area shape="rect" coords="460,250,697,293" href="index.php?seccion=ORGANIGRAMA&amp;item=8" title="Asesores Nacionales e Internacionales" alt="Asesores Nacionales e Internacionales">
			<area shape="rect" coords="12,418,120,509" href="index.php?seccion=GRUPOS&amp;grupo=1" title="Grupo de Abastecimiento de Agua" alt="Grupo de Abastecimiento de Agua">
			<area shape="rect" coords="132,418,236,509" href="index.php?seccion=GRUPOS&amp;grupo=5" title="Grupo de Saneamiento Ambiental" alt="Grupo de Saneamiento Ambiental">
			<area shape="rect" coords="247,418,379,509" href="index.php?seccion=GRUPOS&amp;grupo=3" title="Grupo de Desarrollo Institucional y Gestión Comunitaria en Agua y Saneamiento" alt="Grupo de Desarrollo Institucional y Gestión Comunitaria en Agua y Saneamiento">
			<area shape="rect" coords="390,418,493,509" href="index.php?seccion=GRUPOS&amp;grupo=4" title="Grupo de Gestión Integrada del Recurso Hídrico" alt="Grupo de Gestión Integrada del Recurso Hídrico">
			<area shape="rect" coords="504,418,613,509" href="index.php?seccion=GRUPOS&amp;grupo=2" title="Grupo de Comunicación y Educación para el Desarrollo" alt="Grupo de Comunicación y Educación para el Desarrollo">
			<area shape="rect" coords="625,418,718,509" href="index.php?seccion=ORGANIGRAMA&amp;item=3" title="Grupo Administrativo" alt="Grupo Administrativo">
		</map>

Once · Mayo 01, 2013, 04:05:35 PM

Ya te respondió s3cur1tyr00t, son mapas de imágenes: You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login

Saludos!

fortil · Mayo 01, 2013, 04:08:59 PM

Que brutal

muchas gracias, aunque me queda la duda de por qué cuando se abre en modo completo la imagen queda la extensión "organigrama.php"

Pero ensayaré a ver...

Once · Mayo 01, 2013, 04:17:22 PM

You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login
Que brutal

muchas gracias, aunque me queda la duda de por qué cuando se abre en modo completo la imagen queda la extensión "organigrama.php"

Pero ensayaré a ver...

Con PHP puedes You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login, así que lo más seguro es que esa imagen la esten generando con PHP

Saludos!

fortil · Mayo 01, 2013, 05:03:40 PM

Gracias

me fue muy util la info.

una última pregunta ¿Donde encuentro buenos tutoriales acerca de la librería jgraph o si existe una mejor librería para hacer gráficos desde datos de mysql con php?

gracias de nuevo

~ Yoya ~ · Mayo 02, 2013, 08:03:32 PM

Fortil, normalmente la información no se suele encontrar en un solo sitio. Lo mejor que se puede hacer, es ser objetivo en lo que se desea hacer y utilizar google.

Saludos.

WHK · Mayo 09, 2013, 10:34:41 AM

ojo que esto es html5, eso quiere decir que desde internet explorer 8 hacia atras no funciona.

[SOLUCIONADO] Imágenes en php con enlaces

fortil

Mayo 01, 2013, 03:56:07 PM Ultima modificación: Marzo 22, 2014, 01:53:40 PM por Expermicid

s3cur1tyr00t

Mayo 01, 2013, 04:03:32 PM #1

Once

Mayo 01, 2013, 04:05:35 PM #2

fortil

Mayo 01, 2013, 04:08:59 PM #3

Once

Mayo 01, 2013, 04:17:22 PM #4

fortil

Mayo 01, 2013, 05:03:40 PM #5

~ Yoya ~

Mayo 02, 2013, 08:03:32 PM #6

WHK

Mayo 09, 2013, 10:34:41 AM #7