Image Mapper Responsive - Post ID 293627

User 244626 Photo


Registered User
807 posts

You can use Image Mapper to create a image map and use the information generated on export to combine it with Mapify.js to create some awesome hover and popup effects.

http://gluexp.coffeecup.com/mapify/
I don't design the sites, I make them work.
User 2699991 Photo


Registered User
3,178 posts
Online Now

Twinstream wrote:
You can use Image Mapper to create a image map and use the information generated on export to combine it with Mapify.js to create some awesome hover and popup effects.

http://gluexp.coffeecup.com/mapify/


Hi twinsteam the problem is nothing happens on my mobile except when I hover over the flower I get a message saying cc refused to connect. What's supposed to happen?

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 122279 Photo


Senior Advisor
13,325 posts
Online Now

Working fine on my iPhone6. Clicking on the flower opens the help page for the CC image mapper.
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
3,178 posts
Online Now

Inger wrote:
Working fine on my iPhone6. Clicking on the flower opens the help page for the CC image mapper.


must be my internet connection then.

but I do things like that all the time just using SD no image mapper no JS just images & transitions

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 244626 Photo


Registered User
807 posts

Try this one. It shows better capability of Image Mapper.

https://gluexp.coffeecup.com/lombok/
I don't design the sites, I make them work.
User 187934 Photo


Senior Advisor
19,259 posts

This was done with the html editor.
https://ericrohloff.com/coffeecup/ccfor … nsive.html
and this one I did for another CC user.
https://ericrohloff.com/coffeecup/ccfor … r/tooltip/
And another twist on the first one.
https://ericrohloff.com/coffeecup/ccfor … xtpop.html

I like that last map Twinstream.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2719032 Photo


Registered User
9 posts

First, sorry for posting to the wrong forum before.
I have and are using Image mapper, and it is great.
I am having trouble now trying to get all my maps working with HTTPS:
I have some complex maps that came over well:
(https://truthrightlydivided.ca/wp-conte … nsive.html)
But some that work fine in HTTP: but not HTTPS:
(http://truthrightlydivided.ca/wp-conten … nsive.html
https://truthrightlydivided.ca/wp-conte … nsive.html)
I tried to add a movie about the failure but it is too big.

any help would be appreciated.
User 187934 Photo


Senior Advisor
19,259 posts

Can you explain what the issue is with these maps as they seem to work for me.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.