Graphic design tutorials: http://www.developphp.com/video/Graphics
Learn to create interactive map interfaces that allow a user to interact with specific areas of your graphics or photos. Graphic changes can take place for those specific areas by establishing a second state. We also discuss how to make it ready for a dynamic PHP MySQL system on the web.
Original source
44 responses to “Interactive World Map Tutorial HTML JavaScript PHP Fireworks Continent Country”
How to get only one country in webpage using Google API ?
2:31 He stole Iceland! GIVE IT BACK!!
hello there Adam khoury !
first of all thank you for preparing such effective tutorials .
i want to have a map where i click on the verses of the map related data of the map should display in the we interface. and all data should come from database.
i don't know where to start and is that possible or not .
please guide me.
Hey Adam. Your channel rocks. I just viewed this tutorial, and I wanted to ask you something. If I make this site map, could I place the graphic in WordPress? Also, will it be responsive, or do I need to get a separate plugin for that? I have been told that it is impossible to make image maps and them place them in WordPress, and have them behave that way. The coordinates will shift when the graphic is resized. Thanks.
Very useful thanks a lot, u make my first like and subscription.
hello my friends! please help me. I can't choose polygon slice tool because it is symply absence. There is only recangular slice. The program is FW CS6. What the problem? I see the small arrow under slice tool icon but when i press it – nothing happens( PLESE PLEASE PLEASE PLEASE
Iceland and Greenland is part of North America?
BIG THANKS! OUR PROJECT SAVE THIS VIDEO 🙂
Is there a faster way to surround the continents with accurate lines?
It's not working from the start. What changes I make in state 1 happen in state 2.
What was the name you gave to the pivot point? Redicule? Ridicule?
When I open the htm file, it displays but the hover over is very slow!Can you please advice??? I have 700 sliced images?
Thank you, great tutorial!!!
how can i upload it to wordpress
Thanks man. i was looking for a tutorial like this!
got some questions:
1 how can i add a popup windows (on top of the map) instead of linking a page?
2 what's the best way to export the map into a muse webpage?
thanks a lot
Adam, great tutorial and great way to teach… as always. Cheers! 🙂
The shit, that comes out, when i do that is unuseable
Toby Hodkinson: Laughed till dead! :DDDDD
Excellent!! Gracias!! 🙂
Excellent Fireworks tutorial…Iceland is that little island and it is not part of North America.
I can't select or deselect radio buttons when u do it automaticaly at 1:18; how do you do this?
anyone know how can i make this map so when someone clicks on continent it zooms to its countries?
go to layers, click options on the right top corner, remove the tick from "share layer to states" and do the duplication again
When you export it it becomes a .htm file. How can i embedd this in another page? I tried with an iframe but when i pressed the dirrent hotspots it just opened the link in that i frame. Any ideas?
that help me a lot , thx very much (:
your videos are good and i appreciate what you doing but at least help people out by answering tot he questions they ask , you simply ignore any question people ask
did you find a way out of the problem , i am having the same problem .please tell me if you found a way out
I love this tutorial, but I need to extend it a little further. Let's say I want to hover over a continent and I want to display how many customers we have in that continent in a tooltip from a database? Anyone have a tutorial links for that? Nice job Adam.
Wtf iceland is europe! 🙂
أنت الأروع !
I'm having problem with the states…. When I duplicated it… it didn't show a second layer for it. it is the exact same. Whenever I select state one or two… both ends up being selected with the radio button… I'm kinda confused…. Any help would be greatful!
Dude, that little island is Iceland, bjork will kick your ass!
Hey and what's about making one background a then one jpeg for each continent with transparent background. So you can place the continent images on right place and on hover just change z-index of an image with continent on it. It will be the same, but easier to make. 🙂
Thanks
Nice! I use Fireworks as my main graphics editor but never use these features, Think I will start using them lol. Thanks mang.
I don't get it. Both of my states is getting affected by the hue/saturation. I am using Fireworks cs5 for mac, and have never used it before… Any help would be greatful! 🙂
i dont think i can find someone like you…. u r very good thx bud
How can we add translation to a website? I want my website under the web 2.0 framework to have two languages. French and English.
Superb !
…. i really need to get into fireworks.
brill vid
New mic? Sounds much better. Thanks for the tutorial!
Very nice 🙂
this is what we did as a project in imd but we only used AS3.
Nice bro, you are a pro at this 🙂