Multiple Links on an Image?

Status
Not open for further replies.

Reefer420

New member
Oct 23, 2006
761
1
0
Say I had a photo of a living room, and I wanted to make each item in the living room link to its own item page. I also want to save this image as a file - that can be put up as an advertisement on a web site

What should I be telling the programmers to do- the team I've been working with can get their jobs done, but aren't very creative and it seems I need to be as clear as possible in order to get them to do what I want.

Can this only be done w/ Java? flash? (sorry, not a programmer...)
 


thanks! the dreamweaver method would allow them to save a file, and use it on another site as an ad? or is flash better for that...I'd like to specify the pixles I want to link to where on the image.
 
depending on how many items it is and such why not just slice the image into different pieces and reassmble it with code, each will then have there own link to a product...

Doesnt require flash, doesnt require image maps, just some CSS...

Oh, and if you put the HTML and CSS in one file you could simple use an include or iframe it into the page, doesnt get easier then that...
 
sweet- thanks, will look into everything - main concern is being able to send this to a site for them to post up as my advert +rep miguel, those look exactly like what I was getting at.

Aim - any chance you know the name of that software?
 
CSS Image Map

There's an all-CSS method I came up with for you, view source, I commented it a bit. Used absolute positioning on set-width <A>'s, and hid the contents of the <A> tag with text-indent. Enjoy!

Thanks for the effort Tyler! +rep... will run that by the guys once they start working on things.

...well I will give +rep once I can leave more...
 
Thanks for the help guys.

OK- correct me if I'm wrong here...

So I could save an image map to my server- and then submit the link to the site I wish to advertise on? The image that would be uploaded would contain the multiple links?

I want to make sure I can upload to as many sites as possible, since I am going to have this done for me - so I would like to avoid flash if possible. Would this type of image be able to be uploaded to a site that does not allow Flash or animated .gifs - only static ads?

Thanks again!
 
CSS Image Map

There's an all-CSS method I came up with for you, view source, I commented it a bit. Used absolute positioning on set-width <A>'s, and hid the contents of the <A> tag with text-indent. Enjoy!

This doesn't seem to work in safari, try this: CSS Image Maps - Flickr-like Technique?

Edit: If you want to put that on other sites, I'm afraid nothing but a flash object would work.
 
  • Like
Reactions: Reefer420
Thanks- thats exactly what I want done... so no way to link to the image map from another site (I would provide them the link to my banner ad, saved to my server) and have it do just that?

edit - just saw the post about flash... blah.

Thanks though!
 
Well, it could work if they iframe your page. That could be a solution.

Then all they'd have to do is something like :

<iframe src="http://www.yourserver.com/imagemap.html" width="500" height="200"></iframe>

So the javascript, html, css etc would still also be executed.
 
Status
Not open for further replies.