Skip to content

JQuery plugin dynamically changes your images to placeholder kittens

github.com/lsemel
56 pointsvv18 comments
On HN

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 :)

AboutSource Built by g1lg1l

Hackerly is an independent reader for Hacker News, built on the public HN API. Not affiliated with Y Combinator.