[nicolainicelyParticipant]

Hey I have been trying to figure this out for a couple days now I have a slider on this page http://eaglerockstudiosatl.com/ and I want to change the background image to this image map

<map name=”image-maps-2016-04-26-224058″ id=”ImageMapsCom-image-maps-2016-04-26-224058″>
<area id=”stage_1″ alt=”” title=”” href=”” shape=”rect” coords=”2006,185,2578,461″ style=”outline:none;” target=”_self” />
<area id=”stage_2″ alt=”” title=”” href=”” shape=”rect” coords=”2005,461,2577,737″ style=”outline:none;” target=”_self” />
<area id=”stage_4″ alt=”” title=”” href=”” shape=”rect” coords=”1299,914,1838,1190″ style=”outline:none;” target=”_self” />
<area id=”stage_3″ alt=”” title=”” href=”” shape=”rect” coords=”2003,913,2575,1192″ style=”outline:none;” target=”_self” />
</map>

I have tried just swapping the code in inspector but the image map doesn’t show up and the responsive image map script doesn’t trigger. I think I may need to change the image even before the page loads. Is this possible?

Thanks,
Nick

[nicolainicelyParticipant]

Woops, here’s the code I meant to include above.

<img id="Image-Maps-Com-image-maps-2016-04-26-224058" src="http://eaglerockstudiosatl.com/wp-content/uploads/2016/04/home.jpg" orgwidth="3840" orgheight="2312" usemap="#image-maps-2016-04-26-224058" class="tp-bgimg defaultimg" style="background-color: transparent; background-repeat: no-repeat; background-image: url(&quot;http://eaglerockstudiosatl.com/wp-content/plugins/revslider/admin/assets/images/transparent.png&quot;); background-size: cover; background-position: center top; width: 100%; height: 100%; opacity: 1; visibility: inherit; z-index: 20;" height="2312" border="0" width="3840">
<map name="image-maps-2016-04-26-224058" id="ImageMapsCom-image-maps-2016-04-26-224058">
<area id="stage_1" alt="" title="" href="" shape="rect" coords="2006,185,2578,461" style="outline:none;" target="_self"     />
<area id="stage_2" alt="" title="" href="" shape="rect" coords="2005,461,2577,737" style="outline:none;" target="_self"     />
<area id="stage_4" alt="" title="" href="" shape="rect" coords="1299,914,1838,1190" style="outline:none;" target="_self"     />
<area id="stage_3" alt="" title="" href="" shape="rect" coords="2003,913,2575,1192" style="outline:none;" target="_self"     />
</map>

[RupokMember]

Hey Nick,

Thanks for writing in! I am not entirely sure about your issue that what you are trying to achieve. This is what I can see your site – http://prntscr.com/axijn9

So it seems the image is there. Would you clarify what you exactly trying to accomplish and how we could help you?

Cheers!

[nicolainicelyParticipant]

Hey thanks for getting back to me. I want the overhead map image that you can see in my first post to be a clickable image map that will navigate to the stage pages. I believe I need to some how switch the background image of the slider (since you can’t use html code for the background layer) with the image map I linked above or make the current slider background transparent and add the image map in a div or something directly below the slider where it would show through and I don’t know how to do either of these things.

Thanks again,
Nick

[Rue NelModerator]

Hello Nick,

Thank you for the clarifications! Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. Please keep in mind that our support only covers getting setup, theme features, and bug fixes. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[nicolainicelyParticipant]

I understand, this theme has fantastic support but I thought I might be pushing it with this request. Keep up the good work.

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts