search

nswilhelm / jquery-map-trifecta

Combines RWD Image Maps, Maphilight, and Zoom into 1 solution. Optional table integration.
MIT License
20 stars 14 forks source link

alt-image?! #2

Closed sumberacstefano closed 6 years ago

sumberacstefano commented 9 years ago

I've got this so far: http://lloyds-design.hr/dinastija/ But what I want is when I hover ( or onmouseover) one of the objects... I want ground plan in the red box of the object to appear. And IMPORTANT: these apartments are not 3 images it's one! and it's whole html background!

Here's the code:

                    <img id="myImageMap" src="images/back.jpg" usemap="#shapesMap">
                    <map name="shapesMap">                                 

                       <area data-mapid="1" coords="1693,303,1871,446,1887,702,1703,760,1347,708,1356,594,1298,597,1302,552,1358,542,1362,479,1306,495,1309,440,1492,402" alt="Triangle" href="#" shape="poly" />

                       <area data-mapid="2" coords="1042,729,1038,593,1114,602,1111,556,1037,533,1035,460,1108,499,1108,444,908,299,792,300,643,415,642,733,698,756,879,715,1010,737"  alt="Square" href="#" shape="poly" />
                        <div class="object">
                       <area data-mapid="3" coords="298,365,505,475,574,486,590,689,405,719,289,694,187,711,165,709,169,599,111,604,114,565,168,552,174,493,116,515,118,469"  alt="Circle" href="#" shape="poly" />            
                        <div class="dot"></div>
                         <div class="pulse"></div>
                       </div>
                    </map>

Need help with that as soon as possible.. thank you! :)