Skip to main content
johnh91755582
Inspiring
Oct 27, 2015 2:43 PM UTC
Question

Why are image maps not responsive?

I would like to include an image map in my responsive layout.  When I insert just an image into a topic, it resizes correctly as part of the responsive layout.  When I add a map to the image, it no longer resizes.

I have seen examples of image map code that does work properly (e.g. jquery, and the coffee image map tool generate working responsive image maps), but when I attempt to incorporate this code into a RH topic, it does not work.

Has anyone gotten a responsive image map to work in RH?

Thanks

John

Message was edited by: John Haller Correction... the tool I tried and was able to produce responsive image maps is called CoffeeCup. I have a sample output which I can provide for investigation. Appreciate any help that can be provided on this. John

    This topic is closed to new replies. Start a new post to keep the conversation going.

    8 replies

    jamesm42527073
    jamesm42527073
    Participant
    Jun 28, 2016 8:53 AM UTC

    Has there been a solution to responsive images when using image maps?

    I’m not familiar with jQuery etc.. and would appreciate a simple how to.

    Translate
    Willam van Weelden
    Willam van Weelden
    Inspiring
    Jun 29, 2016 12:26 PM UTC

    You can create multiple image maps and filter them out using Conditional Build Tags.

    Otherwise the only solution is to work with scripts. I'm afraid the link from Rick is the simple how-to.

    Translate
    kellyp40447120
    Participant
    Jul 12, 2016 4:46 PM UTC

    What do you mean by 'filter them out'?

    My image maps are already conditional and I still have this problem.

    Translate
    kellyp40447120
    Participant
    Nov 30, 2015 12:33 PM UTC

    Hi John

    I have been successful with this, but funny enough every project image with mapping is responsive except one. I can't figure out how this image and its maps are any different from the rest...

    Kelly

    Translate
    Captiv8r
    Captiv8r
    Legend
    Nov 30, 2015 2:25 PM UTC

    Kelly, perhaps it would help if you could post back with the HTML code of a topic where the maps scale and one where the maps don't. My thought is that by comparing the two topics, we could determine what the magick sauce is.

    Cheers... Rick

    Translate
    kellyp40447120
    Participant
    Jun 7, 2016 10:30 AM UTC

    Turns out I was wrong - none of my images with image maps are responsive

    Translate
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices