Skip to content

Instantly share code, notes, and snippets.

@p01
Created August 24, 2012 14:46
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 6 You must be signed in to fork a gist
  • Save p01/3451491 to your computer and use it in GitHub Desktop.
Save p01/3451491 to your computer and use it in GitHub Desktop.
pouet.net.user.js - prodScreenshot.user.js
// ==UserScript==
// @name prodScreenshot
// @description Add the corresponding thumbnail inside each link to a prod.
// @include http://pouet.net/*
// @exclude http://pouet.net/
// @exclude http://pouet.net/index.php*
// @include http://www.pouet.net/*
// @exclude http://www.pouet.net/
// @exclude http://www.pouet.net/index.php*
// ==/UserScript==
/*
* 2012.08.24 Tigrou^ind ( tigrou.ind@gmail.com ). Original idea and implementation
* 2012.08.24 Mathieu 'p01' Henri ( http://www.p01.org/ ). Rewrite working on ALL pages excluding the index which would get too busy.
*/
!(function ()
{ var ext = ['jpg','png','gif'];
var prev = {href:'/* oO */'};
// grab all the links to a prod
var links = document.querySelectorAll('a[href*="prod.php?which="]');
for( var i=0, link=null; link=links[i++]; prev=link)
{
// look for the prod_id and make sure it's different than the previous link
var id = link.href!=prev.href && (link.href.match(/prod.php\?which=(\d+)/)||['']).pop();
if(!id)
continue;
// create a span with multiple background images, thus trying to load the screenshot in the most common image formats.
// NB: Pouet.net uses ETAGs. The servers should not blink despite this rather brutal approach.
var s = document.createElement('span');
s.style.cssText='display:block;width:100px;height:75px;margin:4px 4px 0 0;'+
'background:no-repeat center center;background-size:contain;background-image:'+
ext.map(function(v){ return 'url("/screenshots/'+id+'.'+v+'")'})+';';
link.appendChild(s);
}
})();
@methebest
Copy link

what is this script useful for

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment