This is a bookmarklet that pops open a new window and inlines all the images within it. Version 2 now, only loads the next 14 images.
Other stuff it does:
How to use it: click "linked images" for an example
If you want to do that for any page, right-click the link and choose "add bookmark". Then when you are on a page which has a lot of linked images, run the bookmark and the new window will pop up again.
linked images (click to open a new window containing the images from the page; once there, click the image to go to the next one.){
(
function(){
function kind(u){
if (u.indexOf('searchbyimage')!=-1){
return 0;
}
var t=u.split('.');
var e=t[t.length-1].toLowerCase();
if({gif:1,jpg:1,jpeg:1,png:1,svg:1}[e])
{return 1;}
if(u.indexOf('http://imgur.com/')==0)
{return 'imgur';}
return 0;}
function clean(s){
return s.replace(/&/g,'&').replace(/>/g,'>').replace(/</g,'<');
}
function finalize(a){
var r=[];
o:for(var i=0,n=a.length;i<n;i++){
for(var x=0,y=r.length;x<y;x++){
if(r[x][0]==a[i][0])continue o;
}
r[r.length]=a[i];
}
return r;
}
function main(){
var q,h,i,z=open().document;
var image_links=[];
z.write('<style type=%22text/css%22>body{text-align:center;}img{max-width:100%;border:2px solid black;}.first{margin-bottom:900px;}.hidden{color:white;}.hidden:hover{color:black;}.liblock{}</style>');
for(i=0;q=document.links[i];++i){
h=q.href;
var kd=kind(h);
if(kd){
if(kd=='imgur'){
h=h.replace('imgur.com','i.imgur.com')+'.png';
}
if(h){
image_links.push([clean(h),q.innerHTML]);
}
}
}
image_links=finalize(image_links);
var s=z.createElement('script');
s.setAttribute('src','http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js');
z.getElementsByTagName('head')[0].appendChild(s);
z.close();
var inn='';
inn+='\nvar data=[]; ';
for(ii=0;ii<image_links.length;++ii){
var line='\ndata.push(__'+image_links[ii][0]+'__); ';
inn+=line;
}
inn+='\nvar waitForjQuery = function(fn, attemptsLeft){ ';
inn+='\nvar tick = attemptsLeft || 30; ';
inn+='\nif (typeof(jQuery) != __function__){ ';
inn+='\nif (tick > 1){ ';
inn+='\nsetTimeout(function() { ';
inn+='\nwaitForjQuery (fn, tick - 1); ';
inn+='\n}, 100) ';
inn+='\n} ';
inn+='\n} else { ';
inn+='\nfn(); ';
inn+='\n} ';
inn+='\n} ';
inn+='\nfunction append_one(thing){ ';
inn+='\nif (data.length){ ';
inn+='\nim=$(__<div class=second><img src=__+data[0]+__><br></div>__); ';
inn+='\nim.addClass(__liblock__); ';
inn+='\nim.click(function(){ ';
inn+='\n$(this).slideUp(function(){$(this).remove();append_one();}); ';
inn+='\n}); ';
inn+='\nbod.append(im) ';
inn+='\ndata=data.slice(1); ';
inn+='\n} ';
inn+='\n$(document).scrollTop(0); ';
inn+='\nvar divs=bod.find(__.liblock__); ';
inn+='\nif (divs.length){ ';
inn+='\n$(divs[0]).addClass(__first__).removeClass(__second__); ';
inn+='\n} ';
inn+='\nif (divs.length>1){ ';
inn+='\n$(divs[1]).addClass(__first__).removeClass(__second__); ';
inn+='\n} ';
inn+='\n} ';
inn+='\nfunction main(){ ';
inn+='\nvar ct=Math.min(data.length,25); ';
inn+='\nfor(var ii=0;ii<ct;ii++){ ';
inn+='\nappend_one(0); ';
inn+='\n} ';
inn+='\n} ';
inn+='\nwaitForjQuery(function(){ ';
inn+='\n$(document).ready(function(){ ';
inn+='\nbod=$(__body__); ';
inn+='\nmain(); ';
inn+='\n}); ';
inn+='\n}); ';
inn=inn.replace(/__/g,'%22');
var raw=z.createElement('script');
raw.innerHTML=inn;
z.getElementsByTagName('head')[0].appendChild(raw);
}
main();
})()
}
)();){kind=link}
