This site runs best with JavaScript enabled.

Fun With Hot Linking


How to swap out images if other sites are using them on their site.

There is a term out there known to webmasters as "hot linking", "inline linking", "leeching", "direct linking", etc. where site will directly link to images on your own sites. The problem with this is that the server in which the image resides may be giving up lots of bandwidth without having any real visitors.

I've seen various methods to deny access to images. Honestly, it has never really bothered me so I've never done anything about it.

This morning though, I was checking my stats on one of my sites and noticed that one of my images was showing up in a lot of eBay listings. eBay is a lot more popular than your run of the mill blog. I was thinking that maybe I should block this image.

Then I got an idea. Why not have more fun with this? As long as they are linking to me, I can change the image! :)

My initial thought was I could just replace the image then update my blog entry to point to wherever I moved the old image to. That sounded like too much work and not enough fun.

So this was my plan. Why not sabotage those that are leeching my images? The fun part still sounded fun, but I didn't want to update my blog, that was the boring part. I decided to make it more dynamic. So here is what I did.

I wrote this PHP script that will determine whether the image was linked from my site, or another based on the HTTP_REFERER. Based on who is linking will determine which image I display.

1if (strpos($_SERVER['HTTP_REFERER'], "latterdayblog.com")) {
2 $file = "wp-content/images/little_people_nativity.jpg";
3} else {
4 $file = "little_people_nativity.jpg";
5}
6$fp = fopen($file, 'r');
7$buffer = fread($fp, filesize($file));
8fclose($fp);
9header('Content-Type: image/jpeg');
10echo $buffer;

Then I added this mod_rewrite line to my .htaccess file:

1RewriteRule wp-content/images/little_people_nativity.jpg lp.php

So basically what this does is when the image is requested, instead of the web server just dishing out the image, it goes to my lp.php script which checks the referrer. If the referrer address is my site, then it will display the image expected, if not, it will display this other image I created.

What is the other image I created? I had lots of ideas. Basically they are selling a Fisher-Price Little People Nativity set. So what I did was set up a plain boring eBay affiliate page that list all the latest auctions for this product and wrote a message on the image to visit that page.

The results are thus, before:
before

And after:
after

And my blog images still work fine! :D

Discuss on TwitterEdit post on GitHub

Share article
Dustin Davis

Dustin Davis is a software engineer, people manager, hacker, and entreprenuer. He loves to develop systems and automation. He lives with his wife and five kids in Utah.

Join the Newsletter



Dustin Davis