Hacker News new | ask | show | jobs
JQuery plugin dynamically changes your images to placeholder kittens (github.com)
56 points by vv 5585 days ago
6 comments

I'd want an extension that does exactly this, but only for ads.
Check out Add-Art: http://add-art.org/ - "a free FireFox add-on which replaces advertising on websites with curated art images."
Here's a chrome extension that lets you toggle kittenification on or off. (It's not blocking ads yet-- I'll get that done eventually) https://chrome.google.com/webstore/detail/fgppoekgokpnoigpci... code: https://github.com/gk777/Kittens-Everywhere
Done. http://stanford.edu/~grantm/cats.html

It actually turns _all_ images into kittens, but I think it's an improvement. :-)

That made my day.
Hah! The bookmarklet works perfectly on engadget.com.
I love it. I kittify every site I visit now.
Now, a bookmarklet would be really nice!

Just sayin'...

Here, this one will work without requiring jQuery:

  javascript:(function(){var a=document.getElementsByTagName('img'),i=a.length;while(b=a[--i]){b.setAttribute('src','http://placekitten.com/'+b.width+'/'+b.height);}})();
Thanks. Perfect match with http://ft.com and http://nytimes.com. Gives me a good laugh :)
javascript: void $('img').each(function(i,img) { var $i = $(img), w = $i.width(), h = $i.height(); if ( w && h ) img.src = 'http://placekitten.com/+w+/+h;});

Paste that in foxnews.com!

syntax error, this should work;

    javascript:(function(){$('img').each(function(i,img){var $i = $(img), w = $i.width(), h = $i.height(); if ( w && h ){img.src = 'http://placekitten.com/'+w+'/'+h;}});})()
Hah!
Well that was a quick turnaround.
It was a pretty simple plugin.
Oh this is good :)