Click to See Complete Forum and Search --> : Uhhh... Slices maybe?


comingbackdown
03-17-2007, 04:38 AM
Okay... Is there any way that I can take an image, make it my background
image on my web page, and have it so that, when you click on the background image, it opens a new window or tab or something, and redirects
to a website?

My curiosity (and my mind thinking of ways to blow away potential clients)
is killing me... It'd be great to have a background image that would do that...

Poxicator
03-17-2007, 03:54 PM
Do you mean an image map?
If so, do a google search or try this: http://www.kasparius.com/nonflash/tutorial/tuthow.htm

BTW I haven't read this for accuracy but its fairly easy to create an image map. Not something I've done for a long time.

comingbackdown
03-17-2007, 10:55 PM
Do you mean an image map?
If so, do a google search or try this: http://www.kasparius.com/nonflash/tutorial/tuthow.htm

BTW I haven't read this for accuracy but its fairly easy to create an image map. Not something I've done for a long time.

No, I mean a background image that will, when put on a page, open a website when clicked on. I want to know if it's possible. I want to be able to click anywhere on the image, and have it go to one site. can it be done?

Poxicator
03-18-2007, 07:34 AM
I've never tried that but I would have thought it would be a simple case of putting a href in the code.

WebJoel
03-18-2007, 06:38 PM
Or remove the click option and ensure total hypering... use a META tag re-direct to, after 10 or 15 seconds, take the visitor to another page automatically. Basically, you want what is called a 'splash page', and the 'insertion page' is where you jump to next (the first page of your site).

A statement (on the splash page) saying something like "you will be directed to so-&-so page in 10-seconds", -and including a "go forward/go backwards" click option would be greatly appreciated by discerning the visitor, btw)

comingbackdown
03-19-2007, 04:05 AM
Or remove the click option and ensure total hypering... use a META tag re-direct to, after 10 or 15 seconds, take the visitor to another page automatically. Basically, you want what is called a 'splash page', and the 'insertion page' is where you jump to next (the first page of your site).

A statement (on the splash page) saying something like "you will be directed to so-&-so page in 10-seconds", -and including a "go forward/go backwards" click option would be greatly appreciated by discerning the visitor, btw)

umm... can you explain that in english? You lost me at "ensure"...
I get the concept, but... What the heck is all the META redirect stuff about?

WebJoel
03-25-2007, 12:16 PM
... What the heck is all the META redirect stuff about?

<meta http-equiv="Refresh" content="4;url=http://www.domain.com/link.html">

This will cause a 4-second delay and then send the visitor to the URL "http://www.domain.com/link.html" (the page you want to them to come to).

Disadvantages: never use "0" for the delay, -causes problems with Google somehow (I didn't research why, -just know that it does), and a page so outfitted with this particular tag will not be 'indexed'. It is more like a 'forwarding address'. This can be a good thing if it is used for a location where your site no longer is, but past users might have 'bookmarked'.
Bad this, because a page with this will be un-indexable, so do not use it on EVERY page to make a web-page slide-show. But if you used it on just the 'splash page', -that really wouldn't matter as most 'pro sites' avoid 'splash' pages anyway (and those that DO have them, almost always have a "skip introduction and proceed to main page" button anyway).

comingbackdown
03-26-2007, 04:23 AM
<meta http-equiv="Refresh" content="4;url=http://www.domain.com/link.html">

This will cause a 4-second delay and then send the visitor to the URL "http://www.domain.com/link.html" (the page you want to them to come to).

Disadvantages: never use "0" for the delay, -causes problems with Google somehow (I didn't research why, -just know that it does), and a page so outfitted with this particular tag will not be 'indexed'. It is more like a 'forwarding address'. This can be a good thing if it is used for a location where your site no longer is, but past users might have 'bookmarked'.
Bad this, because a page with this will be un-indexable, so do not use it on EVERY page to make a web-page slide-show. But if you used it on just the 'splash page', -that really wouldn't matter as most 'pro sites' avoid 'splash' pages anyway (and those that DO have them, almost always have a "skip introduction and proceed to main page" button anyway).

Umm... I sound like a noob extraordinaire, but... How the heck do I couple that with a background image? Coupling CSS and anything else other than Javascript or HTML isn't easy for me...:o

WebJoel
03-26-2007, 08:35 AM
... How the heck do I couple that with a background image? Coupling CSS and anything else other than Javascript or HTML isn't easy for me...:o You don't. Do you really want to have a page that the entire page is 'clickable'? With what I am describing, there is no 'click'. You see the background-image... for four seconds and browser having read the <meta> tag, will re-direct the visitor to whatever page you specified.
Myself I rather like that.

A 'background image' is out of the document flow, -which is what allows content to be displayed over-top of it. "Out of the document" flow means you cannot interact with it with the pointer tool. Hence the name "background". If you want the virtual experience of 'click this background-image to be taken to the next page', make some element lie over-top of the background image and that, being 'relative', could become 'clickable'.

I don't think that you're goining to be able to "...blow away potential clients" with something that is inaccessible or invisible to certain user-agents (keyboards, etc). Interactivity is necessary, -even if it is handed-over to an automated process such as a meta redirect.