Small guide for color change on mouseover in Real Estate Map

Hi @ All,

Here is a little guide for the color change on mouseover on Real Estate Map.

1. Download the jquery.imagemapster.js -> download

Copy jquery.imagemapster.js in the folder libs/jquery

OK let's get started.

Open header.tpl at templates/realty_modern/tpl/ in editor

After the following code

Code:

---

Only registered members can view the code.

---

Add the following code

Code:

---

Only registered members can view the code.

---

Now open the map.tpl in an editor. (templates/realty_modern/tpl/blocks/
Next adds the following code @ line 33

Code:

---

Only registered members can view the code.

---

Attention! Insert before the script tag closed.

Ok next find follow code

PHP Code:

---

Only registered members can view the code. 


---

and change with follow

PHP Code:

---

Only registered members can view the code. 


---

Last but not least you must insert stateover="<-- For each area to input a number higher -->" behind all beginning "<area" in map.tpl

Example

PHP Code:

---

Only registered members can view the code. 


---

Now thats all!

I can not test it, but I think it works.
If there are problems just reported in this thread.


Best regards
Steffen

thank you man.......

thanks for sharing

No problem! You're welcome!