Image Mapping

Submitted by temps_bons on Thu, 16/07/2009 - 4:47pm
HELP! Please give me the name of a program/web site that is easy to use that will use an image from the internet instead of my computer (so it doesn't show up with my real name on the "source info") that works on neo. And some advice on what I maybe did wrong. I have been trying to create an image map for a graphic...I understand the principle (I think) as I have used several approaches now with no luck when I paste it into my petpage on neo. How I got so aggravated: I started by getting the coordinates and coding the map myself using a working mall banner's coding (in my shop) as a template. No luck! I then used two different programs on-line, pasted the code it spit out... No luck! I downloaded a program. I can test the map on the internet and it works fine (press a button and the links work). Of course, it is a non-registered copy that uses images from my computer instead of the image I have on image shack and only allows me to map 8 spaces until I pay $23. The program is called MapDesigner. However, when I paste the code into neopets the image map doesn't work. Example of program code ( ` added to make code show): <`IMG SRC equals quotes whatever.jpg quotes BORDER=0 ISMAP USEMAP="rada rada rada"`> <`MAP NAME="rada rada rada "`> <`AREA SHAPE="RECT" COORDS="25,260,137,291" HREF="/browseshop.phtml?owner=pppppppp"`> <`AREA SHAPE="RECT" COORDS="25,311,140,337" HREF="/browseshop.phtml?owner=pppppppp"`> <`AREA SHAPE="RECT" COORDS="24,352,135,380" HREF="/browseshop.phtml?owner=pppppppp"`> <`/MAP`>
Forums: 
Graphics & Layouts Requests
  • 6792 reads

~ May ~ Wouldn't it be just changing the "img src="..."" by putting your uploaded image link instead of your computer file link?? (if I got it right)
~ May ~
mayarend | Thu, 16/07/2009 - 5:08pm |

You would think it would be that easy, wouldn't you? But no, that doesn't work. Thanks though! _____________________________________________________ ~ Mimi's Ménagerie Avatars ~ http://www.neopets.com/browseshop.phtml?owner=temps_bons&misc
~ Mimi ~ http://www.neopets.com/~Amyrilli
temps_bons | Thu, 16/07/2009 - 5:39pm |

I think some day, there might be a program called MapDesigner - NeoMallers Edition - why pay when you can get it for free coming shortly :o EDIT: or you can use this: http://www.image-maps.com/
----------------------------- [color=purple]Protect your account[/color] http://www.neopets.com/~punchback_bob CG information & more
saudor | Thu, 16/07/2009 - 5:40pm |

That one is nice.. but if you have a banner with alot of buttons be sure to copy it into notepad before or something about half way through it will cut you off pretty soon after that. I dont remember off hand exactly how many buttons I had done before it hoses up.
perpette | Thu, 16/07/2009 - 8:26pm |

[quote=temps_bons] <`IMG SRC equals quotes whatever.jpg quotes BORDER=0 ISMAP USEMAP="rada rada rada"`> <`MAP NAME="rada rada rada "`> <`AREA SHAPE="RECT" COORDS="25,260,137,291" HREF="/browseshop.phtml?owner=pppppppp"`> <`AREA SHAPE="RECT" COORDS="25,311,140,337" HREF="/browseshop.phtml?owner=pppppppp"`> <`AREA SHAPE="RECT" COORDS="24,352,135,380" HREF="/browseshop.phtml?owner=pppppppp"`> <`/MAP`>[/quote] I'm not sure if you've got the problem solved yet, but in the usemap-tag the actual name should start out with #, while the map name-tag has the same name but without the #. Also, the ISMAP-attribute isn't necessary. So in your example code above, it should look something like this: <`IMG SRC equals quotes whatever.jpg quotes BORDER=0 USEMAP="#rada rada rada"`> <`MAP NAME="rada rada rada"`> <`AREA SHAPE="RECT" COORDS="25,260,137,291" HREF="/browseshop.phtml?owner=pppppppp"`> <`/MAP`> Also, the shape-attribute is a rectangle at default, meaning you can skip it here: <`IMG SRC equals quotes whatever.jpg quotes BORDER=0 USEMAP="#rada rada rada"`> <`MAP NAME="#rada rada rada"`> <`AREA COORDS="25,260,137,291" HREF="/browseshop.phtml?owner=pppppppp"`> <`/MAP`> Hope that answers some questions. ___________ [color=gray]Chris, aka wushu_soldier[/color] [size=11][i]Sniper, maller, reseller Background shop of X-Mart Neomallers graphics designer[/i][/size]
___________ [color=gray]Chris, aka wushu_soldier[/color] [size=11][i]Sniper, maller, reseller Background shop of X-Mart Neomallers graphics designer[/i][/size]
silverdragon | Thu, 23/07/2009 - 8:22am |

[quote=silverdragon][quote=temps_bons] <`IMG SRC equals quotes whatever.jpg quotes BORDER=0 ISMAP USEMAP="rada rada rada"`> <`MAP NAME="rada rada rada "`> <`AREA SHAPE="RECT" COORDS="25,260,137,291" HREF="/browseshop.phtml?owner=pppppppp"`> <`AREA SHAPE="RECT" COORDS="25,311,140,337" HREF="/browseshop.phtml?owner=pppppppp"`> <`AREA SHAPE="RECT" COORDS="24,352,135,380" HREF="/browseshop.phtml?owner=pppppppp"`> <`/MAP`>[/quote] I'm not sure if you've got the problem solved yet, but in the usemap-tag the actual name should start out with #, while the map name-tag has the same name but without the #. Also, the ISMAP-attribute isn't necessary. So in your example code above, it should look something like this: <`IMG SRC equals quotes whatever.jpg quotes BORDER=0 USEMAP="#rada rada rada"`> <`MAP NAME="rada rada rada"`> <`AREA SHAPE="RECT" COORDS="25,260,137,291" HREF="/browseshop.phtml?owner=pppppppp"`> <`/MAP`> Also, the shape-attribute is a rectangle at default, meaning you can skip it here: <`IMG SRC equals quotes whatever.jpg quotes BORDER=0 USEMAP="#rada rada rada"`> <`MAP NAME="#rada rada rada"`> <`AREA COORDS="25,260,137,291" HREF="/browseshop.phtml?owner=pppppppp"`> <`/MAP`> Hope that answers some questions. ___________ [color=gray]Chris, aka wushu_soldier[/color] [size=11][i]Sniper, maller, reseller Background shop of X-Mart Neomallers graphics designer[/i][/size][/quote] Yeah, I agree, those can all be problems. Edit your code so that it co-operates with what Chris said, then try testing it out.
hiya007 | Wed, 29/07/2009 - 12:58pm |

http://www.maschek.hu/imagemap/imgmap this is what I've used before, it worked well :) Edit: It does come up with shape="rectangle" but that isn't necessary, as Chris stated. It defaults to rectangles, so wasted coding space. If you paste your code here when you map it, someone will be able to look through it to see if there's stuff you don't need there. Me, Chris and Dmitri being three, and I know for sure there's more poeple here that know coding :)
angel_shortcake | Wed, 29/07/2009 - 1:24pm |