Make a background image clickable? - GoFuckYourself.com

Brujah · 12-01-2010, 02:03 PM

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 · 12-01-2010, 02:06 PM

also waiting the answer...

DateDoc · 12-01-2010, 02:08 PM

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

Brujah · 12-01-2010, 02:13 PM

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 · 12-01-2010, 02:15 PM

Nice one. I like that

fris · 12-01-2010, 02:24 PM

you could do it with jquery using .click()

just create a div thats abs position at 0,0

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

fris · 12-01-2010, 02:33 PM

Code:

<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 · 12-01-2010, 03:35 PM

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

djroof · 12-01-2010, 04:01 PM

Quote:

Originally Posted by DateDoc

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

thanksssssssssssssssss

RyuLion · 12-01-2010, 04:05 PM

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

fris · 12-01-2010, 07:15 PM

Quote:

Originally Posted by RyuLion

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

giving gfy rep is so 90s

CYF · 12-01-2010, 07:30 PM

nice trick, thanks

12-01-2010, 02:03 PM	#1
Brujah Beer Money Baron Industry Role: Join Date: Jan 2001 Location: brujah / gmail Posts: 22,157	Make a background image clickable? 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. __________________ Free Premium Domain Lists and Tools at Clickmojo.com For Sale: Obscenity.com

12-01-2010, 02:08 PM	#3
DateDoc Outside looking in. Industry Role: Join Date: Feb 2005 Location: To Hell You Ride Posts: 14,243	http://xavisys.com/css-trick-turning...lickable-link/ __________________

12-01-2010, 02:13 PM	#4
Brujah Beer Money Baron Industry Role: Join Date: Jan 2001 Location: brujah / gmail Posts: 22,157	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. __________________ Free Premium Domain Lists and Tools at Clickmojo.com For Sale: Obscenity.com

12-01-2010, 02:15 PM	#5
pornguy Too lazy to set a custom title Industry Role: Join Date: Mar 2003 Location: Homeless Posts: 62,912	Nice one. I like that __________________ PornGuy skype me pornguy_epic AmateurDough The Hottes Shemales online! TChicks.com \| Angeles Cid \| Mariana Cordoba \| MAILERS WELCOME!

12-01-2010, 02:24 PM	#6
fris Too lazy to set a custom title Industry Role: Join Date: Aug 2002 Posts: 55,248	you could do it with jquery using .click() just create a div thats abs position at 0,0 $("#bgad").click( function() { // do stuff; }); __________________ Since 1999: 69 Adult Industry awards for Best Hosting Company and professional excellence. WP Stuff

12-01-2010, 02:06 PM	#2
djroof JuicyDevils.gr Owner Industry Role: Join Date: Jan 2004 Location: Greece Posts: 25,372	also waiting the answer...

12-01-2010, 02:33 PM	#7
fris Too lazy to set a custom title Industry Role: Join Date: Aug 2002 Posts: 55,248	Code: <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 __________________ Since 1999: 69 Adult Industry awards for Best Hosting Company and professional excellence. WP Stuff

12-01-2010, 03:35 PM	#8
Brujah Beer Money Baron Industry Role: Join Date: Jan 2001 Location: brujah / gmail Posts: 22,157	My test page is working so far. I'll try it on a working site later. http://exxxpired.com/test.html __________________ Free Premium Domain Lists and Tools at Clickmojo.com For Sale: Obscenity.com

12-01-2010, 04:05 PM	#10
RyuLion ClubDomCash.com Industry Role: Join Date: Mar 2003 Location: San Diego Posts: 32,175	I was gonna give you rep for this thread but.. lol.. __________________ Adult Biz Consultant A tech head since 1995

12-01-2010, 07:30 PM	#12
CYF Coupon Guru Industry Role: Join Date: Mar 2009 Location: Minneapolis Posts: 10,973	nice trick, thanks __________________ Webmaster Coupons Coupons and discounts for hosting, domains, SSL Certs, and more! AmeriNOC Coupons \| Certified Hosting Coupons \| Hosting Coupons \| Domain Name Coupons