AmberCutie's Forum
An adult community for cam models and members to discuss all the things!

Chaturbate Image Map Issue

  • ** WARNING - ACF CONTAINS ADULT CONTENT **
    Only persons aged 18 or over may read or post to the forums, without regard to whether an adult actually owns the registration or parental/guardian permission. AmberCutie's Forum (ACF) is for use by adults only and contains adult content. By continuing to use this site you are confirming that you are at least 18 years of age.
Status
Not open for further replies.
Jan 3, 2017
2
0
15
New England
www.amaryllislilta.com
Twitter Username
@amaryllis_lilta
Chaturbate Username
Amaryllis_Lilta
Okay, so I'm new at this whole server-side image map thing. I've only done client-side before, which I typically do using GIMP. I found Image-Map.com and tried using that this time instead. I found the client-side code easily on there, but I think I'm using the wrong syntax or something when trying to implement server-side. What happens is that the entire image becomes one big broken link instead of the map showing up.

Here's the generated client-side code:
<img id="Image-Maps-Com-image-maps-amaryllisliltacbbio" src="http://amaryllislilta.com/wp-content/uploads/2017/01/Bio.gif" usemap="#image-maps-amaryllisliltacbbio" alt="" /><map name="image-maps-amaryllisliltacbbio" id="ImageMapsCom-image-maps-amaryllisliltacbbio">

And here is the code I put in to the bio that's not working correctly:
<a href="image-maps-amaryllisliltacbbio"><img src="http://amaryllislilta.com/wp-content/uploads/2017/01/Bio.gif" ismap /></a>

I believe the problem is in the <a> tag somewhere. I don't know if I plugged in the wrong thing (I also tried the map ID with no success). Unless, of course, Chaturbate doesn't allow for image maps and this is all a moot point?
 
wrapping your image in a link is not the same thing as using the "usemap" tag.

usemap needs to be inside the img tag.
You also need to include the map tag. so it knows what your map is.

IE:

<img src="http://amaryllislilta.com/wp-content/uploads/2017/01/Bio.gif" width="643" height="1410" alt="alttext" usemap="#image-maps-amaryllisliltacbbio">

<map name="image-maps-amaryllisliltacbbio">
<area shape="rect" coords="0,0,300,500" href="http://amaryllislilta.com" alt="my website">
<area shape="rect" coords="300,0,600,500" href="http://amaryllislilta.com/watch-live/" alt="watch live">
</map>
 
Also FYI. Image maps tend to mess up allot.

I don't know if MFC lets you do image maps.

ANNETT Your better off doing every link as a separate image. wrapped in a link.
 
Image map is not accepted by Chaturbate basically the map, area tags are not recognized/accepted by the core platform (from what I know)
A work around -- use the image as background to a wrapper element and add inside some link with block attribute and 0 opacity for the buttons/icons.
 
Status
Not open for further replies.