NOTICE: By continued use of this site you understand and agree to the binding Terms of Service and Privacy Policy.
// ==UserScript==
// @id org.userscripts.users.jim50.RedditMouseoverPopupImageViewer
// @name Reddit Mouseover Popup Image Viewer
// @description Shows larger version of thumbnails on reddit.com.
// @version 2014.3.14-lomacks+supportssl
// @author jim50
// @homepage http://userscripts.org/scripts/show/417751
// @icon http://s3.amazonaws.com/uso_ss/icon/417751/large.png?1395216776
// @updateURL https://userscripts.org/scripts/source/417751.meta.js
// @downloadURL https://userscripts.org/scripts/source/417751.meta.js
// @include http://*.reddit.com/*
// @include https://*.reddit.com/*
// @exclude http*//boards.4chan.org/*/catalog*
//original script by kuehlschrank (http://userscripts.org/scripts/show/109262)
// ==/UserScript==
'use strict';
var d = document, wn = window, _ = {}, cfg = loadCfg(), enabled = true, hosts;
function loadCfg() {
return fixCfg(GM_getValue('cfg'), true);
}
function fixCfg(s, save) {
var cfg, def = {
version: 2,
delay: 500,
thumbsonly: true,
start: 'auto',
zoom: 'context',
halfzoom: true,
center: false,
cursor: false,
killswitch: true,
css: '',
hosts: '',
scale: 1.5
};
try { cfg = JSON.parse(s); } catch(ex) {}
if(typeof cfg != 'object') cfg = {}; else if(cfg.version == def.version) return cfg;
for(var dp in def) {
if(!def.hasOwnProperty(dp) || typeof cfg[dp] == typeof def[dp]) continue;
var val = GM_getValue(dp);
cfg[dp] = typeof val == 'undefined' ? def[dp] : val;
GM_deleteValue(dp);
}
for(var cp in cfg) {
if(!def.hasOwnProperty(cp)) delete cfg[cp];
}
cfg.version = def.version;
if(save) saveCfg(cfg);
return cfg;
}
function saveCfg(newCfg) {
GM_setValue('cfg', JSON.stringify(cfg = newCfg));
}
function loadHosts() {
var hosts = [
/* DO NOT EDIT THE CODE. USE GREASEMONKEY ICON -> USER SCRIPT COMMANDS -> SET UP... */
{r:/500px\.com\/photo\//, q:'.the_photo'},
{r:/attachment\.php.+attachmeantid/},
{r:/abload\.de\/image/, q:'#image'},
{r:/(ecx\.images-amazon\.com\/images\/I\/.+?)\./, s:function(m, node) { return node.parentNode.classList.contains('main-image-inner-wrapper') || node.parentNode.querySelector('#twister-main-image') ? '' : 'http://' + m[1] + '.jpg'; }},
{r:/depic\.me\/[0-9a-z]{8,}/, q:'#pic'},
{r:/deviantart\.com\/art\//, s:function(m, node) { return /\b(film|lit)/.test(node.className) || /in Flash/.test(node.title) ? '' : m.input; }, q:['#download-button[href*=".jpg"], #download-button[href*=".gif"], #download-button[href*=".png"], #gmi-ResViewSizer_fullimg', 'img.dev-content-full']},
{r:/disqus\.com/, s:''},
{r:/dropbox\.com\/s\/.+\.(jpe?g|gif|png)/i, q:'#download_button_link'},
{r:/ebay\.[^\/]+\/itm\//, q:function(text) { return text.match(/https?:\/\/i\.ebayimg\.com\/[^\.]+\.JPG/i)[0].replace(/~~60_\d+/, '~~60_57'); }},
{r:/i.ebayimg.com/, s:function(m ,node) { if(node.parentNode.querySelector('.zoom_trigger_mask')) return ''; return m.input.replace(/~~60_\d+/, '~~60_57'); }},
{r:/fastpic\.ru\/view\//, q:'#image'},
{r:/(fbcdn|fbexternal).*?(app_full_proxy|safe_image).+?(src|url)=(http.+?)[&\"']/, s:function(m, node) { return node.parentNode.className.indexOf('video') > -1 && m[4].indexOf('fbcdn') > -1 ? '' : decodeURIComponent(m[4]); }, html:true},
{r:/facebook\.com\/photo/, s:function(m, node) { if(node.id == 'fbPhotoImage') return false; return m.input; }, q:['a.fbPhotosPhotoActionsItem[href$="dl=1"]', '#fbPhotoImage', '#root img', '#root i.img'], rect:'#fbProfileCover'},
{r:/fbcdn.+?[0-9]+_([0-9]+)_[0-9]+_[a-z]\.jpg/, s:function(m, node) { try { if(/[\.^]facebook\.com$/.test(location.hostname)) return unsafeWindow.PhotoSnowlift.getInstance().stream.cache.image[m[1]].url; } catch(ex) {} return false; }, manual:true},
{r:/(https?:\/\/(fbcdn-[\w\.\-]+akamaihd|[\w\.\-]+?fbcdn)\.net\/[\w\/\.\-]+?)_[a-z]\.jpg/, s:function(m, node) { if(node.id == 'fbPhotoImage') { var a = d.body.querySelector('a.fbPhotosPhotoActionsItem[href$="dl=1"]'); if(a) { return a.href.indexOf(m.input.match(/[0-9]+_[0-9]+_[0-9]+/)[0]) > -1 ? '' : a.href; } } if(node.parentNode.outerHTML.indexOf('/hovercard/') > -1) return ''; var gp = node.parentNode.parentNode; if(node.outerHTML.indexOf('profile') > 1 && gp.href && gp.href.indexOf('/photo') > -1) return false; return m[1].replace(/\/[spc][\d\.x]+/g, '') + '_n.jpg'; }, rect:'.photoWrap'},
{r:/firepic\.org\/\?v=/, q:'.well img[src*="firepic.org"]'},
{r:/flickr\.com\/photos\/([0-9]+@N[0-9]+|[a-z0-9_\-]+)\/([0-9]+)/, s:'http://www.flickr.com/photos/$1/$2/sizes/l/', q:'#allsizes-photo > img'},
{r:/gifbin\.com\/.+\.gif/, xhr:true},
{r:/(gfycat\.com\/[a-z]+)/i, s:'http://$1', q:'#webmsource'},
{r:/googleusercontent\.com\/gadgets\/proxy.+?(http.+?)&/, s:function(m, node) { return decodeURIComponent(m[1]); }},
{r:/googleusercontent\.com\//, s:function(m, node) { if(location.hostname == 'apis.google.com' || node.outerHTML.match(/favicons\?|\b(Ol Rf Ep|Ol Zb ag|Zb HPb|Zb Gtb|Rf Pg)\b/)) return ''; return m.input.replace(/\/(s\d{2,}[ck\-]*?|w\d+-h\d+(-[po])?)\//g, '/s0/'); }},
{r:/heberger-image\.fr\/images/, q:'#myimg'},
{r:/hostingkartinok\.com\/show-image\.php.*/, q:'.image img'},
{r:/imagearn\.com\/image/, q:'#img', xhr:true},
{r:/imagefap\.com\/(image|photo)/, q:'#gallery + noscript'},
{r:/imagebam\.com\/image\//, q:'img[id]'},
{r:/imageban\.(ru|net)\/show|imgnova\.com|cweb-pix\.com|(imagebunk|imagewaste)\.com\/(image|pictures\/[0-9]+)/, q:'#img_obj', xhr:true},
{r:/(imagepdb\.com|imgsure\.com)\/\?v=([0-9]+)/, s:'http://$1/images/$2.jpg', xhr:true},
{r:/imageshack\.us\/((i|f|photo)\/|my\.php)/, q:['div.codes > div + div', '#main_image, #fullimg']},
{r:/imageshost\.ru\/photo\//i, q:'#bphoto'},
{r:/imageteam\.org\/img/, q:'img[alt="image"]'},
{r:/(imagetwist\.com|imageshimage\.com|imgflare\.com|imgearn\.net)\/[a-z0-9]{8,}/, q:'img.pic', xhr:true},
{r:/imageupper\.com\/i\//, q:'#img', xhr:true},
{r:/imagepix\.org\/image\/(.+)\.html$/, s:'http://imagepix.org/full/$1.jpg', xhr:true},
{r:/imageporter\.com\/i\//, s:'/_t//', xhr:true},
{r:/imagevenue\.com\/img\.php/, q:'#thepic'},
{r:/imagezilla\.net\/show\//, q:'#photo', xhr:true},
{r:/media-imdb\.com\/images\/.+?\.jpg/, s:'/V1\\.?_.+?\\.//g'},
{r:/imgbox\.com\/([a-z0-9]+)$/i, q:'#img', xhr:location.hostname != 'imgbox.com'},
{r:/imgchili\.(net|com)\/show/, q:'#show_image', xhr:true},
{r:/img(money|goo)\.com\/img-/, q:'img.centred_resized', xhr:true, post:'imgContinue=Continue%20to%20image%20...%20'},
{r:/imgpaying\.com\/([a-z0-9]+)\/.+html$/, q:'img.pic', xhr:true, post:function(m) { return 'op=view&id=' + m[1] + '&pre=1&submit=Continue%20to%20image...'; }},
{r:/imgrill\.com\/upload\//, s:'/small/big/', xhr:true},
{r:/imgtheif\.com\/image\//, q:'a > img[src*="/pictures/"]'},
{r:/imgur\.com\/(a|gallery)\/([a-z0-9]+)/i, s:function(m, node) { return 'http://' + m[0] + (m[1] == 'a' ? '/noscript' : ''); }, g:{entry:'div.album-image, #image-container > div.image, #image > div.image', image:'img', caption:['h2', 'div.description'], title:'meta[name="twitter:title"]', fix:function(s) { return s.replace(/([^\/]{7})h\.(gif|jpg|png)$/, '$1.$2').replace(/^imgur.*| - Imgur$/, '');}}},
{r:/imgur\.com\/(r\/[a-z]+\/|[a-z0-9]+#)?([a-z0-9]{5,})b?($|\?)/i, s:'http://i.imgur.com/$2.jpg'},
{r:/instagr(\.am|am\.com)\/p\//i, q:['meta[property="og:video"]', 'meta[property="og:image"]']},
{r:/(istoreimg\.com\/i|itmages\.ru\/image\/view)\//, q:'#image'},
{r:/(lazygirls\.info\/.+_.+?\/[a-z0-9_]+)($|\?)/i, s:'http://www.$1?display=fullsize', q:'img.photo', xhr:location.hostname != 'www.lazygirls.info'},
{r:/ld-host\.de\/show/, q:'#image'},
{r:/(listal|lisimg)\.com\/(view)?image\/([0-9]+)/, s:'http://ilarge.listal.com/image/$3/0full.jpg'},
{r:/(livememe\.com|lvme\.me)\/([^\.]+)$/, s:'http://i.lvme.me/$2.jpg'},
{r:/lostpic\.net\/\?(photo|view)/, q:'.casem img'},
{r:/modelmayhem\.com\/photos\//, s:'/_m//'},
{r:/modelmayhem\.com\/avatars\//, s:'/_t/_m/'},
{r:/(min\.us|minus\.com)\/(i\/|l)([a-z0-9]+)$/i, s:'http://i.min.us/i$3.jpg'},
{r:/(min\.us|minus\.com)\/m[a-z0-9]+$/i, g:function(text) { var m = /gallerydata = ({[\w\W]+?});/.exec(text), o = JSON.parse(m[1]), items = []; items.title = o.name; for(var i = 0, len = o.items.length, cur; i < len && (cur = o.items[i]); i++) { items.push({url:'http://i.min\.us/i' + cur.id + '.jpg', desc:cur.caption}); }; return items; }},
{r:/(panoramio\.com\/.*?photo(\/|_id=)|google\.com\/mw-panoramio\/photos\/[a-z]+\/)(\d+)/, s:'http://static.panoramio.com/photos/original/$3.jpg'},
{r:/(\d+\.photobucket\.com\/.+\/)(\?[a-z=&]+=)?(.+\.(jpe?g|png|gif))/, s:'http://i$1$3', xhr:location.hostname.indexOf('photobucket.com') < 0},
{r:/(photosex\.biz|posteram\.ru)\/.+?id=/i, q:'img[src*="/pic_b/"]', xhr:true},
{r:/pic4all\.eu\/(images\/|view\.php\?filename=)(.+)/, s:'http://$1/images/$3'},
{r:/piccy\.info\/view3\/(.*)\//, s:'http://piccy.info/view3/$1/orig/', q:'#mainim'},
{r:/picsee\.net\/([\d\-]+)\/(.+?)\.html/,s:'http://picsee.net/upload/$1/$2'},
{r:/picturescream\.com\/\?v=/, q:'#imagen img'},
{r:/(picturescream\.[a-z\/]+|imagescream\.com\/img)\/(soft|x)/, q:'a > img[src*="/images/"]'},
{r:/pimpandhost\.com\/(image|guest)\//, q:'#image'},
{r:/pixhost\.org\/show\//, q:'#show_image', xhr:true},
{r:/pixhub\.eu\/images/, q:'.image-show img', xhr:true},
{r:/(pixroute|imgspice)\.com\/.+\.html$/, q:'img[id]', xhr:true},
{r:/(pixsor\.com|euro-pic\.eu)\/share-([a-z0-9_]+)/i, s:'http://www.$1/image.php?id=$2', xhr:true},
{r:/postima?ge?\.org\/image\//, q:'center img'},
{r:/radikal\.ru\/(fp|.+\.html)/, q:function(text) { return text.match(/http:\/\/[a-z0-9]+\.radikal\.ru[a-z0-9\/]+\.(jpg|gif|png)/i)[0] }},
{r:/screenlist\.ru\/details/, q:'#picture'},
{r:/sharenxs\.com\/.+original$/, q:'img.view_photo', xhr:true},
{r:/sharenxs\.com\/(gallery|view)\//, q:'a[href$="original"]', follow:true},
{r:/sndcdn\.com.+/, s:function(m, node) { return node.width == 40 && navigator.userAgent.indexOf('WebKit') > -1 || /commentBubble|commentItem|carouselItem/.test(node.className + node.parentNode.className) ? '' : m.input.replace(/large|t[0-9]+x[0-9]+/, 't500x500'); }},
{r:/stooorage\.com\/show\//, q:'#page_body div div img', xhr:true},
{r:/(swoopic\.com|(imgproof|imgserve)\.net)\/img-/, q:'img.centred_resized, img.centred', xhr:true},
{r:/turboimagehost\.com\/p\//, q:'#imageid', xhr:true},
{r:/(([a-z0-9]+\.twimg\.com|twimg.*?\.akamaihd\.net)\/profile_images\/.+)_[a-z]+(\..+)/i, s:'http://$1$3'},
{r:/([a-z0-9]+\.twimg\.com\/media\/[a-z0-9_-]+\.(jpe?g|png|gif))/i, s:'https://$1:large', html:true},
{r:/tumblr\.com.+_500\.jpg/, s:'/_500/_1280/'},
{r:/twimg\.com\/1\/proxy.+?t=(.+?)[&_]/i, s:function(m) { return wn.atob(m[1]).match(/http.+/); }},
{r:/pic\.twitter\.com\/[a-z0-9]+/i, q:function(text) { return text.match(/https?:\/\/twitter\.com\/[^\/]+\/status\/\d+\/photo\/\d+/i)[0]; }, follow:true},
{r:/twitpic\.com(\/show\/[a-z]+)?\/([a-z0-9]+)($|#)/i, s:'http://twitpic.com/show/large/$2'},
{r:/twitter\.com\/.+\/status\/.+\/photo\//, q:'.media img', follow:true},
{r:/upix\.me\/files/, s:'/#//'},
{r:/(vine|seenive)\.com?\/v\//, q:'video source, meta[property="twitter:player:stream"]'},
{r:/wiki.+\/thumb\/.+\.(jpe?g|gif|png|svg)\//i, s:'/\\/thumb(?=\\/)|\\/[^\\/]+$//g'},
{r:/(userserve-ak\.last\.fm\/serve\/).+?(\/\d+)/, s:'http://$1_$2/0.jpg', html:true},
{r:/((xxxhost|tinypix)\.me|(xxxces|imgtiger)\.com)\/viewer/, q:['.text_align_center > img', 'img[alt]'], xhr:true},
{r:/(i[0-9]+\.ytimg\.com\/vi\/[^\/]+)/, s:'https://$1/0.jpg', rect:'.video-list-item'},
{r:/\/\/([^\/]+)\/viewer\.php\?file=(.+)/, s:'http://$1/images/$2', xhr:true},
{r:/\/albums.+\/thumb_[^\/]/, s:'/thumb_//'},
{r:/\/\/[^\?]+\.(jpe?g|gif|png|svg)($|\?)/i}
];
if(cfg.hosts) {
var lines = cfg.hosts.split(/[\r\n]+/);
for(var i = lines.length, s; i-- && (s = lines[i]);) {
try {
var h = JSON.parse(s);
if(!h.r) throw 'property r missing';
h.r = new RegExp(h.r, 'i');
if(h.s && h.s.indexOf('return ') > -1) h.s = new Function('m', 'node', h.s);
if(h.q && h.q.indexOf('return ') > -1) h.q = new Function('text', h.q);
hosts.splice(0, 0, h);
} catch(ex) {
showError('Invalid host: ' + s + '\nReason: ' + ex);
}
}
}
return hosts;
}
function onMouseOver(e) {
if(!enabled || e.shiftKey || _.zoom || !activate(e.target)) return;
_.cx = e.clientX;
_.cy = e.clientY;
if(cfg.start == 'auto' && !_.manual)
_.timeout = wn.setTimeout(startPopup, cfg.delay);
else if(cfg.start != 'auto' && e.ctrlKey)
startPopup();
else
setStatus('ready');
}
function onMouseOut(e) {
if(!e.relatedTarget && !e.shiftKey) deactivate();
}
function onMouseMove(e) {
_.cx = e.clientX;
_.cy = e.clientY;
var r = _.rect;
_.cr = _.cx < r.right + 2 && _.cx > r.left - 2 && _.cy < r.bottom + 2 && _.cy > r.top - 2;
if(e.shiftKey) return;
if(!_.zoomed && !_.cr) return deactivate();
if(_.zoom) {
placePopup();
if(!cfg.cursor) {
var bx = _.view.width/6, by = _.view.height/6;
setStatus(_.cx < bx || _.cx > _.view.width - bx || _.cy < by || _.cy > _.view.height - by ? 'edge' : false);
}
}
}
function onMouseDown(e) {
if(e.which != 3 && !e.shiftKey) deactivate(true);
}
function onMouseScroll(e) {
var dir = (e.deltaY || -e.wheelDelta) > 0 ? 1 : -1;
if(_.zoom) {
drop(e);
_.scale *= dir > 0 ? 0.5 : 2;
if(_.scale < _.minScale) {
if(!_.gItems || _.gItems.length < 2) return deactivate(true);
_.scale = scale(true);
_.zoom = false;
}
placePopup();
setTitle();
} else if(_.gItems && _.gItems.length > 1 && _.popup) {
drop(e);
nextGalleryItem(dir);
} else if(cfg.zoom == 'wheel' && dir < 0 && _.popup) {
drop(e);
toggleZoom();
} else {
deactivate();
}
}
function onKeyDown(e) {
if(e.keyCode == 17 && (cfg.start != 'auto' || _.manual) && !_.popup) startPopup();
}
function onKeyUp(e) {
switch(e.keyCode) {
case 16:
_.popup && (_.zoomed || !('cr' in _) || _.cr) ? toggleZoom() : deactivate(true);
break;
case 17:
if(cfg.start == 'auto' && !_.manual) deactivate(true);
break;
case 27:
if(cfg.killswitch) enabled = false;
deactivate(!cfg.killswitch);
break;
case 39:
case 74:
drop(e);
nextGalleryItem(1);
break;
case 37:
case 75:
drop(e);
nextGalleryItem(-1);
break;
case 84:
GM_openInTab(_.popup.src);
deactivate();
break;
default:
deactivate(true);
}
}
function onContext(e) {
if(e.shiftKey) return;
if(cfg.zoom == 'context' && _.popup && toggleZoom()) return drop(e);
if((cfg.start == 'context' || (cfg.start == 'auto' && _.manual)) && !_.status && !_.popup) {
startPopup();
return drop(e);
}
wn.setTimeout(function() { deactivate(true); }, 10);
}
function startPopup() {
setStatus(false);
_.g ? startGalleryPopup() : startSinglePopup(_.url);
}
function startSinglePopup(url) {
setStatus('loading');
if(!_.q) return _.xhr ? downloadImage(url, _.url) : setPopup(url);
parsePage(url, _.q, _.post, function(iurl) {
if(!iurl) throw 'File not found.';
if(_.follow) {
var info = findInfo([iurl], _.node, true);
if(!info || !info.url) throw "Couldn't follow URL: " + iurl;
for(var prop in info) _[prop] = info[prop];
return startSinglePopup(_.url);
}
if(existsUnscaled(iurl, _.view)) return setStatus(false);
if(_.xhr) downloadImage(iurl, url); else setPopup(iurl);
});
}
function startGalleryPopup() {
setStatus('loading');
downloadPage(_.url, null, function(text, url) {
try {
_.gIndex = -1;
_.gItems = _.g(text, url);
if(_.gItems.length == 0) {
_.gItems = false;
throw 'empty';
}
} catch(ex) {
showError('Parsing error: ' + ex);
}
if(_.gItems) nextGalleryItem(1);
});
}
function loadGalleryParser(g) {
if(typeof g == 'function') return g;
if(typeof g == 'string') return new Function('text', g);
return function(text, url) {
var qE = g.entry, qC = g.caption, qI = g.image, qT = g.title, fix = (typeof g.fix == 'string' ? new Function('s', g.fix) : g.fix) || function(s) { return s.trim(); };
var doc = d.implementation.createHTMLDocument('MPIV');
doc.documentElement.innerHTML = text;
var nodes = doc.querySelectorAll(qE), items = [];
if(!Array.isArray(qC)) qC = [qC];
for(var i = 0, node, len = nodes.length; i < len && (node = nodes[i]); i++) {
var item = {};
try {
item.url = fix(findFile(node.querySelector(qI), url));
item.desc = qC.reduce(function(prev, q) {
var n = node.querySelector(q);
if(!n) {
var ps = node.previousElementSibling;
if(ps && matches(ps, qE) === false) n = matches(ps, q) ? ps : ps.querySelector(q);
}
return n ? (prev ? prev + ' - ' : '') + fix(n.textContent) : prev;
}, '');
} catch(ex) {}
if(item.url) items.push(item);
}
var title = doc.querySelector(qT);
if(title) items.title = fix(title.getAttribute('content') || title.textContent);
return items;
};
}
function nextGalleryItem(dir) {
if(dir > 0 && ++_.gIndex >= _.gItems.length)
_.gIndex = 0;
else if(dir < 0 && --_.gIndex < 0)
_.gIndex = _.gItems.length - 1;
var item = _.gItems[_.gIndex];
setPopup(false);
startSinglePopup(item.url);
var c = _.gItems.length > 1 ? '[' + (_.gIndex + 1) + '/' + _.gItems.length + '] ' : '';
if(_.gIndex == 0 && _.gItems.title && (!item.desc || item.desc.indexOf(_.gItems.title) < 0)) c += _.gItems.title + (item.desc ? ' - ' : '');
if(item.desc) c += item.desc;
if(c) setBar(c.trim(), 'gallery', true);
var preIdx = _.gIndex + dir;
if(preIdx >= 0 && preIdx < _.gItems.length) {
var preUrl = _.gItems[preIdx].url;
on(_.popup, 'load', function() {
var img = d.createElement('img');
img.src = preUrl;
});
}
}
function activate(node) {
if(node == _.popup || node == d.body || node == d.documentElement) return;
var info = parseNode(node);
if(!info || !info.url || info.node == _.node || existsUnscaled(info.url, info.view)) return;
deactivate();
_ = info;
[_.node, _.node.parentNode, _.node.firstElementChild].forEach(function(n) {
if(n && n.title) {
_.tooltip = n.title;
n.title = '';
}
});
_.style = d.createElement('style');
_.style.textContent = '\
#mpiv-bar { position:fixed;z-index:2147483647;left:0;right:0;top:0;transform:scaleY(0);-webkit-transform:scaleY(0);transform-origin:top;-webkit-transform-origin:top;transition:transform 500ms ease 1000ms;-webkit-transition:-webkit-transform 500ms ease 1000ms;text-align:center;font-family:sans-serif;font-size:15px;font-weight:bold;background:rgba(0, 0, 0, 0.6);color:white;padding:4px 10px; }\
#mpiv-bar.mpiv-show { transform:scaleY(1);-webkit-transform:scaleY(1); }\
#mpiv-popup { display:none;border:1px solid gray;background-color:white;position:fixed;z-index:2147483647;margin:0;max-width:none;max-height:none;cursor:' + (cfg.cursor ? 'default' : 'none') + '; }\
#mpiv-popup.mpiv-show { display:inline; }\
#YTLT-preview, body > div.tipsy { display:none!important; }\
.mpiv-loading * { cursor:wait!important; }\
.mpiv-edge #mpiv-popup { cursor:default; }\
.mpiv-error * { cursor:not-allowed!important; }\
.mpiv-ready *, .mpiv-large * { cursor:zoom-in!important; cursor:-webkit-zoom-in!important; }' +
(cfg.css.indexOf('{') < 0 ? '#mpiv-popup {' + cfg.css + '}' : cfg.css);
d.head.appendChild(_.style);
on(d, 'mousemove', onMouseMove);
on(d, 'mouseout', onMouseOut);
on(d, 'mousedown', onMouseDown);
on(d, 'contextmenu', onContext);
on(d, 'keydown', onKeyDown);
on(d, 'keyup', onKeyUp);
on(d, 'onwheel' in d ? 'wheel' : 'mousewheel', onMouseScroll);
return true;
}
function deactivate(wait) {
wn.clearTimeout(_.timeout);
if(_.req && 'abort' in _.req) _.req.abort();
if(_.node && _.tooltip) _.node.title = _.tooltip;
setTitle(true);
setStatus(false);
setPopup(false);
setBar(false);
rm(_.style);
_ = {};
off(d, 'mousemove', onMouseMove);
off(d, 'mouseout', onMouseOut);
off(d, 'mousedown', onMouseDown);
off(d, 'contextmenu', onContext);
off(d, 'keydown', onKeyDown);
off(d, 'keyup', onKeyUp);
off(d, 'onwheel' in d ? 'wheel' : 'mousewheel', onMouseScroll);
if(wait) {
enabled = false;
wn.setTimeout(function() { enabled = true; }, 200);
}
}
function parseNode(node) {
var info;
if(tag(node) == 'IMG' && node.src.substr(0, 5) != 'data:') {
var src = rel2abs(node.src, location.href);
info = findInfo([src], node);
if(info) return info;
}
if(tag(node.parentNode) == 'A') node = node.parentNode; else if(tag(node.parentNode.parentNode) == 'A') node = node.parentNode.parentNode;
if(tag(node) == 'A') {
if(cfg.thumbsonly && !node.querySelector('img, i') && !hasBg(node) && !hasBg(node.parentNode) && !hasBg(node.firstElementChild)) return;
var url = decodeURIComponent(node.getAttribute('data-expanded-url') || node.href);
var urls = url.indexOf('//t.co/') > -1 ? ['http://' + node.textContent] : parseUrls(url);
info = findInfo(urls, node);
if(info) return info;
}
if(tag(node) == 'IMG' || tag(node) == 'A' && (node = node.querySelector('img'))) {
return {url:node.src, node:node, rect:rect(node), view:viewRect()};
}
}
function findInfo(urls, node, noHtml) {
var html = noHtml ? false : node.outerHTML;
if(!hosts) hosts = loadHosts();
for(var i = 0, len = hosts.length, h, m; i < len && (h = hosts[i]); i++) {
if(!(m = h.html && html ? h.r.exec(html) : findMatch(urls, h.r))) continue;
if(tag(node) == 'IMG' && !h.s) continue;
var info = {
node: node,
url: 's' in h ? (typeof h.s == 'function' ? h.s(m, node) : replace(h.s, m)) : m.input,
r: h.r,
q: h.q,
g: h.g ? loadGalleryParser(h.g) : h.g,
xhr: h.xhr,
post: typeof h.post == 'function' ? h.post(m) : h.post,
follow: h.follow,
manual: h.manual,
rect: rect(node, h.rect),
view: viewRect()
};
if(info.url === false) continue;
return info;
};
}
function downloadPage(url, post, cb) {
var opts = {
method: 'GET',
url: url,
ignoreCache: true,
onload: function(req) {
try {
delete _.req;
if(req.status > 399) throw 'Server error: ' + req.status;
cb(req.responseText, req.finalUrl || url);
} catch(ex) {
showError(ex);
}
},
onerror: showError
};
if(post) {
opts.method = 'POST';
opts.data = post;
opts.headers = {'Content-Type':'application/x-www-form-urlencoded','Referer':url};
}
_.req = GM_xmlhttpRequest(opts);
}
function downloadImage(url, referer) {
var start = Date.now(), cap;
_.req = GM_xmlhttpRequest({
method: 'GET',
url: url,
overrideMimeType: 'text/plain; charset=x-user-defined',
headers: {'Accept':'image/png,image/*;q=0.8,*/*;q=0.5','Referer':referer},
onprogress: function(e) {
if(!cap && (Date.now() - start > 3000) && (e.loaded/e.total < 0.5)) cap = true;
if(cap) setBar(parseInt(e.loaded/e.total * 100) + '%', 'xhr');
},
onload: function(req) {
try {
delete _.req;
setBar(false);
if(req.status > 399) throw 'HTTP error ' + req.status;
var txt = req.responseText, ui8 = new Uint8Array(txt.length);
for(var i = txt.length; i--;) {
ui8[i] = txt.charCodeAt(i);
}
var b = new Blob([ui8.buffer]);
var u = wn.URL || wn.webkitURL;
if(u) return setPopup(u.createObjectURL(b));
var fr = new FileReader();
fr.onload = function() { setPopup(fr.result); };
fr.onerror = showError;
fr.readAsDataURL(b);
} catch(ex) {
showError(ex);
}
},
onerror: showError
});
}
function parsePage(url, q, post, cb) {
downloadPage(url, post, function(html) {
if(typeof q == 'function') return cb(q(html));
var node, doc = d.implementation.createHTMLDocument('MPIV');
doc.documentElement.innerHTML = html;
if(Array.isArray(q)) {
for(var i = 0, len = q.length; i < len; i++) {
node = doc.querySelector(q[i]);
if(node) break;
}
} else {
node = doc.querySelector(q);
}
cb(node ? findFile(node, url) : false);
});
}
function findFile(n, url) {
var base = n.ownerDocument.querySelector('base[href]');
var path = n.getAttribute('src') || n.getAttribute('href') || /https?:\/\/[.\/a-z0-9_+%\-]+\.(jpe?g|gif|png|svg|webm|mp4)/i.exec(n.outerHTML) && RegExp.lastMatch;
return path ? rel2abs(path.trim(), base ? base.getAttribute('href') : url) : false;
}
function checkProgress(start) {
if(start === true) {
if(checkProgress.interval) wn.clearInterval(checkProgress.interval);
checkProgress.interval = wn.setInterval(checkProgress, 150);
return;
}
var p = _.popup;
if(!p) return wn.clearInterval(checkProgress.interval);
_.nheight = p.naturalHeight || p.videoHeight;
_.nwidth = p.naturalWidth || p.videoWidth;
if(!_.nheight) return;
wn.clearInterval(checkProgress.interval);
setStatus(false);
p.clientHeight;
p.className = 'mpiv-show';
var s = wn.getComputedStyle(p);
_.pw = styleSum(s, ['padding-left', 'padding-right']);
_.ph = styleSum(s, ['padding-top', 'padding-bottom']);
_.mbw = styleSum(s, ['margin-left', 'margin-right', 'border-left-width', 'border-right-width']);
_.mbh = styleSum(s, ['margin-top', 'margin-bottom', 'border-top-width', 'border-bottom-width']);
_.scale = scale(true);
placePopup();
setTitle();
if(_.tooltip && !_.bar) setBar(_.tooltip, 'tooltip');
if(_.large = _.nwidth > p.clientWidth + _.mbw || _.nheight > p.clientHeight + _.mbh) setStatus('large');
if(cfg.zoom == 'auto') toggleZoom();
}
function placePopup() {
var p = _.popup;
if(!p) return;
var x = null, y = null, w = Math.round(_.scale * _.nwidth), h = Math.round(_.scale * _.nheight), cx = _.cx, cy = _.cy, vw = _.view.width, vh = _.view.height;
if(!_.zoom && (!_.gItems || _.gItems.length < 2) && !cfg.center) {
var r = _.rect, rx = (r.left + r.right) / 2, ry = (r.top + r.bottom) / 2;
if(vw - r.right - 40 > w + _.mbw || w + + _.mbw < r.left - 40) {
if(h + _.mbh < vh - 60) y = Math.min(Math.max(ry - h/2, 30), vh - h - 30);
x = rx > vw/2 ? r.left - 40 - w : r.right + 40;
} else if(vh - r.bottom - 40 > h + _.mbh || h + _.mbh < r.top - 40) {
if(w + _.mbw < vw - 60) x = Math.min(Math.max(rx - w/2, 30), vw - w - 30);
y = ry > vh/2 ? r.top - 40 - h : r.bottom + 40;
}
}
if(x == null) x = Math.round((vw > w ? vw/2 - w/2 : -1 * Math.min(1, Math.max(0, 5/3*(cx/vw-0.2))) * (w - vw)) - (_.pw + _.mbw)/2);
if(y == null) y = Math.round((vh > h ? vh/2 - h/2 : -1 * Math.min(1, Math.max(0, 5/3*(cy/vh-0.2))) * (h - vh)) - (_.ph + _.mbh)/2);
p.style.cssText = 'width:' + w + 'px;height:' + h + 'px;left:' + x + 'px;top:' + y + 'px';
}
function toggleZoom() {
var p = _.popup;
if(!p || !_.nheight) return;
_.zoom = !_.zoom;
_.zoomed = true;
_.scale = _.minScale = scale(!_.zoom);
placePopup();
setTitle();
setStatus(_.zoom ? 'zoom' : false);
if(cfg.zoom != 'auto') setBar(false);
return _.zoom;
}
function showError(o) {
var msg = o.message || (o.readyState ? 'Request failed.' : (o.type == 'error' ? 'File can\'t be displayed.' + (d.querySelector('div[bgactive*="flashblock"]') ? ' Check Flashblock settings.' : '') : o));
GM_log(msg + '\nRegExp: ' + _.r +'\nURL: ' + _.url);
if(_.node) { setStatus('error'); setBar(msg, 'error'); }
}
function setStatus(status) {
var de = d.documentElement, cn = de.className.replace(/mpiv-[a-z]+/g, '').trim();
if(status) cn += ' mpiv-' + status;
de.className = cn;
}
function setPopup(src) {
var p = _.popup;
if(p) {
_.zoom = false;
off(p, 'error', showError);
p.src = '';
rm(p);
delete _.popup;
}
if(!src) return;
if(/\.(webm|mp4)($|\?)/.test(src)) {
p = _.popup = d.createElement('video');
p.setAttribute('autoplay', true);
p.setAttribute('loop', true);
} else {
p = _.popup = d.createElement('img');
}
p.id = 'mpiv-popup';
on(p, 'error', showError);
_.bar ? d.body.insertBefore(p, _.bar) : d.body.appendChild(p);
p.src = src;
checkProgress(true);
}
function setBar(label, cn) {
var b = _.bar;
if(!label) {
rm(b);
delete _.bar;
return
}
if(!b) {
b = _.bar = d.createElement('div');
b.id = 'mpiv-bar';
}
b.innerHTML = label;
if(!b.parentNode) {
d.body.appendChild(b);
b.clientHeight;
}
b.className = 'mpiv-show mpiv-' + cn;
}
function setTitle(reset) {
if(reset) {
if(typeof _.title == 'string') d.title = _.title;
} else {
if(typeof _.title != 'string') _.title = d.title;
var p = _.popup;
d.title = _.nwidth + 'x' + _.nheight + ' @ ' + Math.round((p.clientHeight - _.ph) / _.nheight * 100) + '%';
}
}
function parseUrls(url) {
if(url.substr(0, 4) != 'http' || url.lastIndexOf('http') < 1) return [url];
var urls = url.match(/https?:.+?(?=https?:|$)/g) || [];
if(urls.length < 2) return urls;
return [url].concat(urls.slice(1).map(function(url) { var pos = url.indexOf('&'); return decodeURIComponent(pos < 0 ? url : url.substr(0, pos)); })).reverse();
}
function findMatch(a, re) {
for(var i = a.length; i--;) {
var m = re.exec(a[i]);
if(m) return m;
}
}
function rel2abs(rel, abs) {
if(rel.indexOf('//') === 0) rel = 'http:' + rel;
var re = /^([a-z]+:)?\/\//;
if(re.test(rel)) return rel;
if(!re.exec(abs)) return;
if(rel[0] == '/') return abs.substr(0, abs.indexOf('/', RegExp.lastMatch.length)) + rel;
return abs.substr(0, abs.lastIndexOf('/')) + '/' + rel;
}
function replace(s, m) {
if(s.indexOf('/') === 0) {
var mid = /[^\\]\//.exec(s).index+1;
var end = s.lastIndexOf('/');
var re = new RegExp(s.substring(1, mid), s.substr(end+1));
return m.input.replace(re, s.substring(mid+1, end));
}
for(var i = m.length; i--;) {
s = s.replace('$'+i, m[i]);
}
return s;
}
function styleSum(s, p) {
for(var i = p.length, x = 0; i--;) {
x += parseInt(s.getPropertyValue([p[i]]), 10) || 0;
}
return x;
}
function scale(fit) {
var vw = _.view.width, vh = _.view.height;
return _.large && !fit ?
(cfg.halfzoom && (_.nheight / vh > 3 && _.nwidth > vw || _.nwidth / vh > 3 && _.nheight > vh) ? 0.5 : 1)
:
Math.min((vw - _.mbw)/_.nwidth, (vh - _.mbh)/_.nheight, fit ? 1 : Number.MAX_VALUE);
}
function hasBg(node) {
return node ? wn.getComputedStyle(node).backgroundImage != 'none' && node.className.indexOf('YTLT-') < 0 : false;
}
function existsUnscaled(url, view) {
for(var i = d.images.length, img; i-- && (img = d.images[i]);) {
if(img.src == url && Math.max(img.naturalHeight/img.clientHeight, img.naturalWidth/img.clientWidth) < cfg.scale) return true;
}
}
function viewRect() {
var node = d.compatMode == 'BackCompat' ? d.body : d.documentElement;
return {width:node.clientWidth, height:node.clientHeight};
}
function rect(node, q) {
if(q) {
var n = node;
while(tag(n = n.parentNode) != 'BODY') {
if(matches(n, q)) return n.getBoundingClientRect();
}
}
var nodes = node.querySelectorAll('*');
for(var i = nodes.length; i-- && (n = nodes[i]);) {
if(n.clientHeight > node.clientHeight) node = n;
}
return node.getBoundingClientRect();
}
function matches(n, q) {
var p = Element.prototype, m = p.mozMatchesSelector || p.webkitMatchesSelector || p.matches;
if(m) return m.call(n, q);
}
function tag(n) {
return n.tagName.toUpperCase();
}
function rm(n) {
if(n && n.parentNode) n.parentNode.removeChild(n);
}
function on(n, e, f) {
n.addEventListener(e, f);
}
function off(n, e, f) {
n.removeEventListener(e, f);
}
function drop(e) {
e.preventDefault();
e.stopPropagation();
}
function setup() {
var $ = function(s) { return d.getElementById('mpiv-'+s); }
var close = function() { rm($('setup')); };
var update = function() { $('delay').parentNode.style.display = $('start-auto').selected ? '' : 'none'; };
var check = function(e) {
var t = e.target, ok;
try {
var pes = t.previousElementSibling;
if(t.value) {
if(!pes) { var inp = t.cloneNode(); inp.value = ''; t.parentNode.insertBefore(inp, t); }
new RegExp(JSON.parse(t.value).r);
} else if(pes) {
pes.focus();
rm(t);
}
ok = 1;
} catch(ex) {}
t.style.backgroundColor = ok ? '' : '#ffaaaa';
}
var exp = function(e) {
drop(e);
var s = JSON.stringify(cfg);
if(typeof GM_setClipboard == 'function') {
GM_setClipboard(s);
wn.alert('Settings copied to clipboard!');
} else {
wn.alert(s);
}
};
var imp = function(e) {
drop(e);
var s = wn.prompt('Paste settings:');
if(!s) return;
init(fixCfg(s));
};
var init = function(cfg) {
close();
var big = viewRect().height > 850;
GM_addStyle('\
#mpiv-setup { position:fixed;z-index:2147483647;top:30px;right:30px;padding:20px 30px;background:#eee;width:580px;border:1px solid black; }\
#mpiv-setup * { color:black;text-align:left;line-height:15px;font-size:12px;font-family:sans-serif;box-shadow:none; }\
#mpiv-setup a { color:darkblue!important;text-decoration:underline!important; }\
#mpiv-setup div { text-align:center;font-weight:bold;font-size:14px; }\
#mpiv-setup ul { margin:15px 0 15px 0;padding:0;list-style:none;background:#eee;border:0; }\
#mpiv-setup input, #mpiv-setup select, #mpiv-css { display:inline;border:1px solid gray;padding:2px;background:white; }\
#mpiv-css { resize:vertical; height:' + (big ? 105 : 45) + 'px; }\
#mpiv-setup li { margin:0;padding:8px 0;vertical-align:middle;background:#eee;border:0 }\
#mpiv-delay, #mpiv-scale { width:36px; }\
#mpiv-cursor, #mpiv-killswitch { margin-left:18px; }\
#mpiv-hosts { max-height:' + (big ? 370 : 170) + 'px;overflow-y:auto; padding:2px; margin:4px 0; }\
#mpiv-hosts input, #mpiv-css { width:98%;margin:3px 0; }\
#mpiv-setup button { width:150px;margin:0 10px;text-align:center; }\
');
var div = d.createElement('div');
div.id = 'mpiv-setup';
d.body.appendChild(div);
div.innerHTML = '\
<div>Mouseover Popup Image Viewer</div><ul>\
<li>Popup activation: <select><option id="mpiv-start-auto">automatically</option><option id="mpiv-start-context">right click or ctrl</option><option id="mpiv-start-ctrl">ctrl</option></select> <span>after <input id="mpiv-delay" type="text"/> ms</span> over <select><option>thumbnails and text links</option><option id="mpiv-thumbsonly">thumbnails only</option></select></li>\
<li>Zoom activation: <select><option id="mpiv-zoom-context">right click or shift</option><option id="mpiv-zoom-wheel">wheel up or shift</option><option id="mpiv-zoom-shift">shift</option><option id="mpiv-zoom-auto">automatically</option></select> with large images set to <select><option>100%</option><option id="mpiv-halfzoom">auto</option></select></li>\
<li>Only show popup over scaled-down images when natural size is <input id="mpiv-scale" type="text"/> times larger</li>\
<li><input type="checkbox" id="mpiv-center"/> Always centered <input type="checkbox" id="mpiv-cursor"/> Autohide cursor <input type="checkbox" id="mpiv-killswitch"/> Disable on Esc</li>\
<li>Custom CSS:<div><textarea id="mpiv-css" spellcheck="false"></textarea></li>\
<li>Custom host rules:<div id="mpiv-hosts"><input type="text" spellcheck="false"></div></li>\
<li>Learn about <a href="http://w9p.co/userscripts/mpiv/css.html" target="_blank">custom CSS</a> and <a href="http://w9p.co/userscripts/mpiv/host_rules.html" target="_blank">host rules</a>.<span style="float:right"><a href="#" id="mpiv-import">Import</a> | <a href="#" id="mpiv-export">Export</a></span></li>\
</ul><div><button id="mpiv-ok">OK</button><button id="mpiv-cancel">Cancel</button></div>';
div = null;
on($('start-auto').parentNode, 'change', update);
on($('cancel'), 'click', close);
on($('export'), 'click', exp);
on($('import'), 'click', imp);
on($('hosts'), 'input', check);
if(cfg.hosts) {
var parent = $('hosts');
var lines = cfg.hosts.split(/[\r\n]+/);
for(var i = 0, s, r; i < lines.length && (s = lines[i]); i++) {
var inp = parent.firstElementChild.cloneNode();
inp.value = s;
parent.appendChild(inp);
check({target:inp});
}
}
on($('ok'), 'click', function() {
var delay = parseInt($('delay').value, 10);
if(!isNaN(delay) && delay >= 0) cfg.delay = delay;
var scale = parseFloat($('scale').value.replace(',', '.'));
if(!isNaN(scale)) cfg.scale = Math.max(1, scale);
cfg.thumbsonly = $('thumbsonly').selected;
cfg.start = $('start-context').selected ? 'context' : ($('start-ctrl').selected ? 'ctrl' : 'auto');
cfg.zoom = $('zoom-context').selected ? 'context' : ($('zoom-wheel').selected ? 'wheel' : ($('zoom-shift').selected ? 'shift' : 'auto'));
cfg.halfzoom = $('halfzoom').selected;
cfg.center = $('center').checked;
cfg.cursor = !$('cursor').checked;
cfg.killswitch = $('killswitch').checked;
cfg.css = $('css').value.trim();
var inps = $('hosts').querySelectorAll('input'), lines = [];
for(var i = 0; i < inps.length; i++) {
var s = inps[i].value.trim();
if(s) lines.push(s);
}
lines.sort();
cfg.hosts = lines.join('\n');
saveCfg(cfg);
hosts = loadHosts();
close();
});
$('delay').value = cfg.delay;
$('scale').value = cfg.scale;
$('thumbsonly').selected = cfg.thumbsonly;
$('halfzoom').selected = cfg.halfzoom;
$('center').checked = cfg.center;
$('cursor').checked = !cfg.cursor;
$('killswitch').checked = cfg.killswitch;
$('css').value = cfg.css;
$('zoom-' + cfg.zoom).selected = true;
$('start-' + cfg.start).selected = true;
update();
};
init(loadCfg());
}
if(d.body.childElementCount != 1 || tag(d.body.firstElementChild) != 'IMG') {
on(d, 'mouseover', onMouseOver);
var googImgs = d.getElementById('rg_s');
if(googImgs) on(googImgs, 'mouseover', onMouseOver);
GM_registerMenuCommand('Set up Mouseover Popup Image Viewer', setup);
}