Gimptalk - Premier Gimp Community: How to Create Image Maps for Websites - Gimptalk - Premier Gimp Community

Jump to content

  • 4 Pages +
  • 1
  • 2
  • 3
  • 4
  • You cannot start a new topic
  • You cannot reply to this topic

How to Create Image Maps for Websites

#41 User is offline   Vladaar 

  • Member
  • PipPip
  • Group: Members
  • Posts: 34
  • Joined: 07-August 06

Posted 23 September 2006 - 10:03 AM

Thanks the tutorial was great!!!


Posted Image

Vladaar
http://www.thyquest.com
0

#42 User is offline   scoobyman! 

  • Member
  • PipPip
  • Group: Members
  • Posts: 115
  • Joined: 23-September 06

Posted 23 September 2006 - 02:49 PM

very nice tut i like it
Posted Image
0

#43 User is offline   raynemelendez 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 4
  • Joined: 24-October 06

Posted 24 October 2006 - 02:27 AM

I followed this and i put it on my site but it comes up with image currently unavailable(using freewebs) and my image wont show up. Can anyone help?
0

#44 User is offline   Fox racer30 

  • Member
  • PipPip
  • Group: Members
  • Posts: 10
  • Joined: 19-May 06

Posted 18 November 2006 - 10:25 AM

RESOLVED! (forgot to add the "HTTP://")
great tut =D, been looking for this for ages
Posted Image
Posted Image
0

#45 User is offline   hafAkat 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 1
  • Joined: 19-April 07

Posted 19 April 2007 - 08:44 PM

OK, I Figured it out with some help, sweet!
Great Tut, I'm just a p.o.s coder!

now I'm just trying to figure out how to switch the image back to the original on mouseout
0

#46 User is offline   El Capitano 

  • Member
  • PipPip
  • Group: Members
  • Posts: 13
  • Joined: 31-March 07

Posted 19 April 2007 - 09:39 PM

This is a great tut, I can follow it pretty easily.

maybe ill try it out later
Posted Image
0

#47 User is offline   HippieKender 

  • Member
  • PipPip
  • Group: Members
  • Posts: 201
  • Joined: 11-February 07

Posted 20 April 2007 - 12:43 AM

This is exactly what I was looking for today! Thanks so much for this tut!
0

#48 User is offline   scoobyman! 

  • Member
  • PipPip
  • Group: Members
  • Posts: 115
  • Joined: 23-September 06

Posted 23 June 2007 - 02:23 AM

omg, i love you, thanx sooo much man!
Posted Image
0

#49 User is offline   skullie 93 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 2
  • Joined: 24-June 07

Posted 24 June 2007 - 10:55 AM

Looks good, going to try it later, don't have any use for it now.

(And thanks for explaining what the tool actually is, because I didn't have a clue about it.)
Posted Image
0

#50 User is offline   bloodredvoodoo 

  • Member
  • PipPip
  • Group: Members
  • Posts: 12
  • Joined: 21-July 07

Posted 21 July 2007 - 04:38 AM

Who know how to get it to the bbcode format?

I need some help with that please.
Love Me: Hate Me: Miss Me
Posted Image
0

#51 User is offline   Forbidding 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 4
  • Joined: 10-March 08

Posted 10 March 2008 - 07:49 AM

Realize this is somewhat old, but found it, and wanted to post my results:

http://www.freewebs....ment/index.html

Also, I did something to screw the script up, so my button highlighting is a negative. Any help would be great!
Posted Image
0

#52 User is offline   thegrrl 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 6
  • Joined: 24-April 08

Posted 05 May 2008 - 11:04 AM

This is a fantastic and very easy tutorial to follow. I am new to gimp and really liking to explore and discover how to use it. I do have a question though.

I am currently using version 2.4.5 when i go to filters > web > image map and get that pop up, i do not have the E and F, is there a way to have it show up? Or is this how this version will be without those two extra tools, although I did find the delete option under the Edit menu.

Also i have a ruler going horizontally an vertically how can I remove that, I can't seem to find that option at the moment.

Again thank you for the very useful tutorial :l:
0

#53 User is offline   GeeGee 

  • Member
  • PipPip
  • Group: Members
  • Posts: 45
  • Joined: 16-May 08
  • LocationAZ

Posted 17 May 2008 - 02:03 AM

Finally, paste the code into your webpage's source, and change the src="" to the location of the image.

wutz that??? the webpage's source??? and src???
0

#54 User is offline   toledo 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 7
  • Joined: 27-April 08

Posted 17 May 2008 - 06:18 AM

YEA I HAVE A QUESTION I JUST USED THIS TUTORIAL TO MAKE A CHEAP LIL AD FOR MY MYSPACE BUT IT DOESNT WORK IN THE BULLETINS BUT IT WORKS ON MY PROFILE PAGE I DONT GET IT SOME ONE HELP ME OUT
0

#55 User is offline   ccbarr 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,693
  • Joined: 23-February 06

Posted 17 May 2008 - 03:05 PM

GeeGee said:

wutz that??? the webpage's source??? and src???


GeeGee,

The web page source is it's page written in the source html code. Also the src portion refers to what to place in between the quotation marks for the src paramater for an img tag on the html page.

I recommend viewing the source code from Forbidding who did use this tutorial:

http://www.freewebs....ment/index.html

Go to that page and in your browser click on View | Page source (if using Firefox), if using IE, I don't know where to look, but it's under one of the headings on your browser. When that page comes up, you will see lots of code, this is the web pages source. One piece of code that you will see on there in particular is the code for the image tag used for the image mapped image:



notice that for the src paramater in the image tag section Forbidding has shown the folder path on the site where the image has been placed.

If html coding is new for you, you might do well to study it at:

http://www.w3schools...tml/default.asp. If you don't like that site, try searching for HTML course in your favorite search engine. You will get a lot of options to choose from.
0

#56 User is offline   cubby 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 1
  • Joined: 08-December 08

Posted 08 December 2008 - 01:08 AM

I'm a newbie with GIMP and Kompozer, building an art site where most of the links will be images, and some of the images will have multiple links. A question I have is the following. Do I need to use Filters/Web/Image Map to map the coordinates I want to specify for the links, or can I just as easily get them from the image itself with SHOW GRID. Would the coordinates be the same for both views (it looks like they are)?

Either way it looks like I would be inserting some lines of code into the html in order to specify the links. Most of my coordinates will be rectangles within the image.

Sorry for the newbie question, i'm trying to learn GIMP, KompoZer and HTML all at the same time. Feeling overwhelmed so far.
Thanks for your help, Cubby
0

#57 User is offline   sgtech 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 1
  • Joined: 27-December 09

Posted 27 December 2009 - 04:40 AM

I must have looked at a handful of different tutorials before
I finally had some success with activating my first image map.

And I wanted to thank you for making this available because
now I can make my graphic headers multi-functional.

Thanks!

(Not new to gimp, but new to the forum)
0

#58 User is offline   Silvertayl 

  • Member
  • PipPip
  • Group: Members
  • Posts: 361
  • Joined: 24-October 08
  • LocationSydney, Australia

Posted 29 December 2009 - 12:36 AM

This is so cool. I"m gonna give it a go. :P
Posted Image
0

#59 User is offline   eilico 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 1
  • Joined: 21-October 10

Posted 21 October 2010 - 11:32 AM

i've tried it too, but then the scripts irritated me.

You say - write this:
onclick="switchImg (this, x)" id="y"

First I don't want to click - I need onmouseover and onmouseout...
Second - x should be the Url of my Gimp Tlk Image - is it "images/image_1.gif",? This tut said I had to save the images as "x_y.z" (x- name of my original image with y - number and z the fileending)
Third - this id="y" - whats it? The same like the alt="..." or should I give another name?

The tutwriter didn't write the exact solution in this onclick sentence :wink:
And in the javascript function - to get an element by Id, why (img)? Therefore x would be only the IdName but not the name of the Picture (image_1.gif)??? So x.src couldn't be the Url? I see I have to study this javascripting :?

I tried everything I - it doesn't work, however!!!!

Please help.... Thx :oops:
0

#60 User is offline   gimpsly 

  • Member
  • PipPip
  • Group: Members
  • Posts: 27
  • Joined: 28-January 11

Posted 28 January 2011 - 06:19 PM

I am trying to follow the tutorial for a us map, but none of the tools function the way I need it too. I want to make each state on a us map clickable that will land on the state page for the link they click on. How do I draw a link for each state?
Real Estate Mentors
0

Share this topic:


  • 4 Pages +
  • 1
  • 2
  • 3
  • 4
  • You cannot start a new topic
  • You cannot reply to this topic