13. CÓMO CREAR LINKS DENTRO DE UNA IMAGEN | MAPAS DE IMAGEN | Curso HTML 5 Fácil

[@JMJosemn]

Lo quiero mucho profe ❤

[@tantrax007]

Me volví loco buscando porqué carajo no me funcionaba el maldito mapeo y gracias a tu video conseguí solucionarlo!!

[@mauricioocon7839]

Hola! Esta vez sí me costó trabajo, me salió el ejercicio hasta que cambié "id" por "name" en el identificador del mapa. Excelente video como siempre

[@dilanrm4146]

justo lo que necesitaba

[@sanchez3de4]

cierto amigo, estuve a punto de desistir, gracias por compartir.

[@gonzalezramirezdanielomar5189]

lo dle vato de arriba x10*10 ala 99999999999999999999999999999999999999

[@kaze9275]

te amo

[@angelsaavedraa]

Gracias, revisaba el código y nada más no encontraba la razón de porque no funcionaba.

[@MndLM]

Eres el mejor, es justo lo que necesitaba. Muchas gracias 💞

[@alberthxdhernandez5144]

Llevaba Semanas buscando este video Like!

[@RolandoLopezNieto]

Excelente, muchas gracias

[@sumisa7068]

Excelente aporte me sirvió mucho, muchas gracias por el vídeo, me suscribo y like ^^

[@franciscoolguin3329]

Excelente video amigo! pregunta... que pasa con las coordenadas en tamaños de pantalla mas pequeños?

[@moisesguevara3186]

Excelente video, me sirvio mucho!

[@luisdavidramirezcontreras5100]

Buenas noches, tengo unas dudas. sigo tus pasos al pie de la letra. pero despues de poner las coordenadas en mi codificacion no me da la opcion de dar click... que hago mal? Si respondes lo mas pronto seria de mucha ayuda es que estoy haciendo un trabajo de la uni

[@marcelochaves2778]

Genial, Javier!

[@monteliomoralesvaldivieso9007]

Excelente video pero me gustaría saber si es posible hacer algo similar pero de forma contraria, desde una página externa (a modo de buscador) localizar una sección exacta dentro de una imágen?

[@ferpernol]

No se podría hacer con un svg sin fill y sin stroke, solamente trazar las líneas con pluma en Illustrator?

[@MrTataBu]

Muchas gracias

[@josemariadiy6400]

Buen video 👍 Pero que pasa cuando la imagen es responsive..???🤔🤔 Los hipervínculos (en la parte de la imagen - map area) también se redimensionan..??? 🤔🤔🤔 Agradecería sus respuestas

[@christianandrade06]

Es facil, nececistas tener una imagen para PC y Tablet que casi son las mismas, y otra imagen para movil y haces lo mismo, en el primer caso escondes el codigo para moviles con CSS, y en la segunda imagen escondes el codigo para PC y Tablets, con ELEMENTOR es muy sencillo hacerlo!!

[@chavezdominguezilianfernan4517]

Esto tambien se puede hacer en un block de notas?

[@ProfeJavier]

Si se puede Fernanda pero sería mejor (por usabilidad) con un editor de código y no te cuesta nada

[@chavezdominguezilianfernan4517]

@@ProfeJavier muchas gracias ^^

[@bryanmartinrodriguezsaaved7062]

hola espero responda porfa he hecho igual pero al refrescar no me sale la selección a la imagen , no tengo gimp pero trate de sacar las ordenadas de paint no se si eso fue el error

[@ProfeJavier]

Hola Bryan. Ánimate a instalar gimp, es totalmente gratuito :)

[@luisafernanda5220]

No instales gimp igual no sirve, yo lo instale y no sirvió de nada para este ejercicio

[@oscarromero9494]

@@luisafernanda5220 si jala yo lo estoy haciendo, para ahorrarte problemas solo debes ir a la imagen y abrirlo con gimp, simple icy

[@sebasA]

Gracias por la info me sirve un monton, que pasa si la pagina se redimensiona? se mantiene la ubicacion?

[@christianandrade06]

Es facil, nececistas tener una imagen para PC y Tablet que casi son las mismas, y otra imagen para movil y haces lo mismo, en el primer caso escondes el codigo para moviles con CSS, y en la segunda imagen escondes el codigo para PC y Tablets, con ELEMENTOR es muy sencillo hacerlo!!

[@alejandramonroy8416]

hola buenos dias y cuando los artículos no tienen una forma rectangular o circular como se hace, ejemplo un mapa sus formas son irregulares como se hace para las coordenadas ?

[@ProfeJavier]

Para utilizar mapas concretamente, necesitas utilizar librerías como google maps, open street map o leafletJS, este tema que mencionas es mucho más complejo e implica tener conocimientos básicos intermedios de programación y al menos básicos de Javascript.

[@ferpernol]

Descargas el svg del mapa o lo haces con cualquier programa que haga vectores svg como Illustrator y solo te encargas de editar el codigo ccs dentro de las etiquetas svg.

[@liberandotiempo6825]

Como abro el comando path con un .svg?

[@paquitocarvajal]

Y en el caso de que la imagen sea responsiva, ¿Cambian las coordenadas? Saludos!

[@audelmartinez6665]

Esta un poco mas complejo. Aquí una opción con JQUERY plugin es.stackoverflow.com/questions/21090/c%C3%B3mo-crear-un-mapa-de-imagen-adaptativo

[@artrax73]

@@audelmartinez6665 Gracias amigo, te rifaste.

[@christianandrade06]

Es facil, nececistas tener una imagen para PC y Tablet que casi son las mismas, y otra imagen para movil y haces lo mismo, en el primer caso escondes el codigo para moviles con CSS, y en la segunda imagen escondes el codigo para PC y Tablets, con ELEMENTOR es muy sencillo hacerlo!!

[@jeffersonmateo606]

hola ya inserte un mapa de google map pero me dicen que inserte una imagen nueva , entiendo el proceso pero no comprendo en que parte del cuerpo del archivo he debe ir si me dieras una pequeña ayuda te lo agradecería eternamente gracias de antemano.

[@ProfeJavier]

Hola, podrías ampliar un poco más tu pregunta?

[@jeffersonmateo606]

@@ProfeJavier hola es que tengo un archivo el cual ya tiene un mapa en html ahora me piden añadir una imagen sin eliminar el mapa de googlemap sin tener esta ningún tipo de relación. es decir que quede abajo o arriba. si quieres dame tu correo y te envio es sencillo lo que hice pero agregar el código para la imagen se me a hecho difícil.

[@omarbeltrancabanillas5753]

en donde programas ?

[@ProfeJavier]

Hola Omar. Supongo que te refieres al editor. Es sublime text. Saludos.

[@marioagreda8276]

como puedo capturar las coordenadas desde javascript

[@chavezdominguezilianfernan4517]

como se haria ¡ayuda!

[@tribuno123]

Gracias excelente video, solo le pido un favor como lo puedo adjuntar a hotmail

[@crown9688]

Podría ser un botón en el href?

[@ProfeJavier]

Cómo así?

[@crown9688]

Perdón creo no exprese bien la duda, si se puede poner un href="onclick" que en ese click pueda enviar un código de color Rgb

[@vicentejavierjativafaundez2784]

Me gustó mucho, pero no me sale en chrome. Si en Mozilla. ¿por qué puede ser?

[@ProfeJavier]

Hola Vicente. ¿Me estás diciendo que el mismo código te funciona en (por ejemplo) Firefox pero no en Chrome? O no has probado en otro navegador?

[@vicentejavierjativafaundez2784]

@@ProfeJavier gracias, ya lo he arreglado

[@chavezdominguezilianfernan4517]

es para una tarea y me piden que sea en block de notas

[@lospros2rbx82]

gracias casi me pego un tiro

[@luisafernanda5220]

En realidad eso no sirve, lo hice al pie de la letra y jamás funcionó

[@ProfeJavier]

Claro que funciona Luisa. Qué te parece si compartes tu código aquí y lo revisamos.

[@luisafernanda5220]

@@ProfeJavier profesor no me funciono, hago todo tal cual lo tiene allí y no sirve

[@ProfeJavier]

@@luisafernanda5220 quizá tengas un pequeño error que no notas. Compartenos tu código.

[@luisafernanda5220]

@@ProfeJavier Mapa de imagenes Elige uno de estos iconos para mayor informacion acerca de estas comidas

[@luisafernanda5220]

intente buscar las coordenadas con Photoshop, paint, gimp y no me funciona, lo he realizado mas de 2 veces todo completo y no funciona