Great tutorial. I must try that. Do you know if there's a way to create a hover effect when you rollover each of your maps?....say you want it to have a 75% opacity on rollover.
I got it to work but I would like to know if there's a way to make the area on the image map light up as you hover over it? Whenever I try to do so it won't overlay on the image but as a separate box just below
This video is missing an important step. img src ="cool_image.jpg" is not a valid path for the image location. If you just copy and paste from image map generator, you get nothing but a broken image link. You have to reference the image from your images folder. Also make sure the image there is the exact size as the one you uploaded to the image generator or the map will be off.
You're completely right. The path of course is definitely important. But the key point is sizing. If you resize the image with CSS/styling, the map will no longer function properly. Thanks for the heads up.
![HTML Image Mapping / Image Maps [ Coordinates, Area ]](http://i.ytimg.com/vi/tf_M43oazGo/mqdefault.jpg)
![HTML Image Mapping / Image Maps [ Coordinates, Area ]](/img/tr.png)
Thank you so much! I had no idea there was a website that could automatically provide all the coordinates for you. This is incredibly helpful!
Thank youuuuuu! I've been thinking how do I do it and your video is the best help I need
thank you Melvin
Long time no see. Welcome back my friend!!!!
Wow wow. Thanks. Pretty excited to drop more videos.
Thank u for valuable knowledge
Such a fun tut will subscribe
Thank you for this info bro, this information was very useful in my project.
Great tutorial. I must try that.
Do you know if there's a way to create a hover effect when you rollover each of your maps?....say you want it to have a 75% opacity on rollover.
Finally a new video!
Hahaha. Love the reaction.
Brilliant video, thanks.
Glad you enjoyed it
amazing thank you
Very helpful thnx❤
Thank you so much sir
Wow thank you
You're very welcome.
can i put area tag in a div and make it enlarge when hover ?
Great
Also Thanks For New Videos!
Glad you like them!
The I is Impressed
good !!
Without an image map generator it is difficult to determine coordinates especially with shapes of rect, circle and polygons.
I am trying to add pins on the image, it is really difficult to give coordinates. I am trying this method now.
Hey man, from where do I get the image you used in that video?
I wish I saved the image link. But if you look up "food chart". That should prompt you with similar images.
Love your tutorials. Will there be a new video soon?
That's awesome. I appreciate your compliment. And of course!
I got it to work but I would like to know if there's a way to make the area on the image map light up as you hover over it? Whenever I try to do so it won't overlay on the image but as a separate box just below
Did you ever figure this out? I am trying to do the same thing and have not found any solution
@@safiahussain2430 sadly no I didn't. Hope you can find it though
i wonder if we can customize that hover text, im pretty knew so i have no clue how to approach this hfeeeee
Elaborate on "hfeeeee"
I can't open it on Google chrome what should I do?
Use another browser
It didn't work for me though
except it probably wont work nicely on moble... for example you have a banner from corner to corner at top of page...
This video is missing an important step.
img src ="cool_image.jpg" is not a valid path for the image location. If you just copy and paste from image map generator, you get nothing but a broken image link. You have to reference the image from your images folder. Also make sure the image there is the exact size as the one you uploaded to the image generator or the map will be off.
You're completely right. The path of course is definitely important. But the key point is sizing. If you resize the image with CSS/styling, the map will no longer function properly.
Thanks for the heads up.
1:04 HTML program wtf?
Are you on any other social media?
Hehe. While I do love making tutorials. I'm also on Twitch (RhymBillive) as well as Patreon.
Haha you've joined the darkside
Abrí los ojos
this is not for begginers!
I'll make it easier next time. Thanks for letting me know!
This definitely is. Skill issue. Git gud
360 no click!!!!
Your sound is bad. You need to make it louder and it has a weird sound to it.
U come here for knowledge not to nitpick sht.
thank you so much sir