Make a background image clickable?

[Brujah]

Can you make a background image clickable? I've tried a few different ways without much success yet. One method worked mostly, but since the page has a jquery slider there was a conflict. Everytime the slider changed, it would trigger the onclick and open the new window repeatedly.

[djroof]

also waiting the answer...

[DateDoc]

http://xavisys.com/css-trick-turning...lickable-link/

[Brujah]

In my example, it's the body background image I want to make clickable. It's for skinning a site, or cobranding it.

I created a div#wrapper around everything that contains the background image. I added an onclick event with a location.href to redirect to the other site. It works, but triggers the redirect with each slider movement.

[pornguy]

Nice one. I like that

[fris]

you could do it with jquery using .click()

just create a div thats abs position at 0,0

$("#bgad").click( function() {
// do stuff;
});

[fris]

<script type="text/javascript" src="jquery.min.js"></script> 
<script type="text/javascript"> 
 
$(document).ready(function() { 
    $("div[href]").click(function () { 
        window.location = $(this).attr("href"); 
    }); 
}); 
 
</script> 
<div href="http://www.google.com"> 
     My Div Link 
</div>

maybe you can mess around with it

[Brujah]

My test page is working so far. I'll try it on a working site later.
http://exxxpired.com/test.html

[djroof]

http://xavisys.com/css-trick-turning...lickable-link/

thanksssssssssssssssss

[RyuLion]

I was gonna give you rep for this thread but..
lol..

[fris]

I was gonna give you rep for this thread but..
lol..

giving gfy rep is so 90s

[CYF]

nice trick, thanks