Title: Stacking Image Maps
Last modified: August 30, 2016

---

# Stacking Image Maps

 *  Resolved [paulieweb](https://wordpress.org/support/users/paulieweb/)
 * (@paulieweb)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/stacking-image-maps/)
 * Hello,
 * Just bought the plugin, it’s really quite spectacular. I have a question about
   stacking image maps on top of each other:
 * Our client has a condo building with 4 floors. We’d like to show a different 
   image map for each floor. You can view the work in progress here: [http://condos.montazure.com/res/design2/](http://condos.montazure.com/res/design2/)
 * Using a document.ready javascript to control the buttons and display. Currently
   I’m using “display:none” on Rooftop, Floor3, Floor2 and “display:inline” on Floor1.
   When you click a different floor button, it sets that floor to “display:inline”
   and the other floors to “display:none”. The problem is, only the first floor 
   available on page load (currently Floor1) allows you to hover over the map areas:
 * When the page first loads (1F) you can hover and click on map areas. If you click
   on ROOFTOP, there should be a hover area over “Andaman Sea” to the left, but 
   it doesn’t display. If you click back from ROOFTOP to 1F, the 1F hover is still
   displaying properly. It seems to only allow me to hover on one image map per 
   pageload.
 * Do you have any advice of how to stack or otherwise hide these image maps so 
   I can view one at a time, but still be able to hover and click on the areas?
 * Thank you and Merry Christmas!!
 * [https://wordpress.org/plugins/draw-attention/](https://wordpress.org/plugins/draw-attention/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [NSquared](https://wordpress.org/support/users/croixhaug/)
 * (@croixhaug)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/stacking-image-maps/#post-6881637)
 * Hi there,
 * I believe the code you’re looking for is
    `hotspots.init();` Which needs to be
   run after showing/hiding Draw Attention images to setup the hover effects again.
 * Some customers have also created a similar effect without coee using multiple
   images and the Url action to link between multiple pages like this example:
    
   [http://laltitude.ca/les-plans/](http://laltitude.ca/les-plans/)
 * Merry Christmas to you too!
 *  Thread Starter [paulieweb](https://wordpress.org/support/users/paulieweb/)
 * (@paulieweb)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/stacking-image-maps/#post-6881642)
 * Spot on, thank you!
 *  Thread Starter [paulieweb](https://wordpress.org/support/users/paulieweb/)
 * (@paulieweb)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/stacking-image-maps/#post-6881644)
 * Oh, sorry, I just noticed…
    Now every time I switch maps, then click on an area,
   the lightbox opens an extra time… If you start of as normal on 1F and click an
   area you get one lightbox. If you switch to 2F and click an area you get 2 simultaneous
   lightboxes. If you switch back to 1F you get 3, and so on. Any idea?
 *  Plugin Author [NSquared](https://wordpress.org/support/users/croixhaug/)
 * (@croixhaug)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/stacking-image-maps/#post-6881651)
 * Hm we will have to take a closer look at that next week. It would probably work
   with a different layout but we will see what’s going on with the lightbox layout
 *  Thread Starter [paulieweb](https://wordpress.org/support/users/paulieweb/)
 * (@paulieweb)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/stacking-image-maps/#post-6881719)
 * Added:
 * `beforeOpen: function() { $.featherlight.close() },`
 * to line 14 of \public\assets\js\public.js
 * and it seems to close the extra windows just fine.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Stacking Image Maps’ is closed to new replies.

 * ![](https://ps.w.org/draw-attention/assets/icon-256x256.png?rev=2888664)
 * [Interactive Image Map Plugin - Draw Attention](https://wordpress.org/plugins/draw-attention/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/draw-attention/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/draw-attention/)
 * [Active Topics](https://wordpress.org/support/plugin/draw-attention/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/draw-attention/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/draw-attention/reviews/)

## Tags

 * [Multiple images](https://wordpress.org/support/topic-tag/multiple-images/)

 * 5 replies
 * 2 participants
 * Last reply from: [paulieweb](https://wordpress.org/support/users/paulieweb/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/stacking-image-maps/#post-6881719)
 * Status: resolved