By skat on
Hi,
In a node I need to show the map of a house and when you pass the mouse over a room show a picture of the room a certain information. I don´t have idea how can I do that. Besides, I would like to see this node from mobile devices.
Please anyone could help me?
Thank you!
Comments
You need an html image map
You need an html image map and then some text-filter settings, or a module to get it into your node. If you search for "Drupal image map" you will find some info.
May be interesting making an image map mobile responsive. Will be interested to see if you do it!
[edit] You may also find this useful http://drupal.org/project/jq_maphilight
ok, thaks you, i´ll try it
ok, thaks you, i´ll try it
This is something I did for a
This is something I did for a website I worked on last year.
http://www.newman.unimelb.edu.au/college/exploring-newman-college
Basically, it consists of a background image, which is used as an imagemap (coordinates were achieved by using an online imagemap - http://www.image-maps.com/ ) and fancybox, and CCK Imagefield for uploading of additional images.
Here are the basic steps I used:
1. Create a background image to be used (someone else created this for me).
2. Upload that image to http://www.image-maps.com/ .
3. Map out the coordinates using the website and the background image.
4. Copy the coordinates and any html and paste it into a node (html set to Full).
5. Upload the background image, along with any other images you require.
6. Enable and configure Fancybox as appropriate.
7. Modify the coordinates and html from step 5 to get Fancybox working.
8. Make any additional changes required.
9. Save and test. And then work out what has gone wrong as it generally does. ;)
It's not really that hard to do, especially if you use the Imagemaps website.
It's all fairly logical, but can be a bit of a process.
Cheers,
Darren
Darren thank you very much
Darren thank you very much for your detailed explanation!
If you run into any problems,
No worries.
If you run into any problems, just let me know and I'll see what I can do.
Cheers,
Darren