Mejora Tu Experiencia Al Navegar En Google IMÁGENES | Improves Your Browsing Experience In Google IMAGES.
- // ==UserScript==
- // @name Google Images Enhancer
- // @author Keyser Söze
- // @namespace http://userscripts.org/users/KeyserSoze
- // @homepageURL https://userscripts.org/scripts/show/150950
- // @website http://userscripts.org/scripts/show/150950
- // @icon http://files.myopera.com/TrikiTran/albums/11598242/avatar117399_1.gif
- // @description Mejora Tu Experiencia Al Navegar En Google IMÁGENES | Improves Your Browsing Experience In Google IMAGES.
- // @grant GM_addStyle
- // @version 2.0
- // @include htt*://*.google.*/*tbm=isch*
- // @include htt*://*.google.*/images?*
- // @include htt*://images.google.*/search?*imghp*
- // @include htt*://*.google.*/search?*
- // @include htt*://*.google.*/
- // @include htt*://*.google.*/firefox
- // @exclude htt*://*.google.com/
- // @exclude htt*://*.google.tld/
- // @exclude htt*://*.google.*/mail/*
- // Basado en "Google Enlarge", "PicViewer" & "Greased LightBox"... Así que, muchas gracias a los autores originales!
- // Based on "Google Enlarge", "PicViewer" & "Greased LightBox"... So, many thanks to original authors
- // ==/UserScript==
- (function() {
- /*
- =============================
- || Google From Dusk 2 Dawn ||
- =============================
- */
- { var css = "#pmocntr2,#gt-bbar{display:none!important}select,select > button{-moz-appearance:none!important;-webkit-appearance:none!important}*{color:hsl(0,0%,80%);outline:none!important}h1,h2,h3,h4,h5,h6,strong,span,select,#rhs *,.jfk-button-standard,#sections-header,div[style=\"display:table-cell;padding-left:16px;font-size:13px;color:#222\"],.cell-header-label,.header-label,.sllabel,.goog-slider li,#srchButton,.ksb,.ab_button{color:hsl(0,0%,80%)!important}a{color:hsl(240,99%,73%)!important}a:hover,a:active,#gbz .gbts:hover{color:hsl(0,0%,85%)!important;text-shadow:0 0 5px hsla(0,0%,90%,.9)!important;-moz-transition:text-shadow .2s ease!important;-webkit-transition:text-shadow .2s ease!important} a:visited{color:hsla(105,66%,39%,.6)!important} .f,#pocs,.gt-baf-word{color:hsl(240,96%,90%)!important} .goog-menuitem-highlight div,.goog-option-selected .goog-menuitem-content{color:hsl(0,0%,99%)!important} b,em,.gt-baf-pos,#lc a,.tbou > a.q, #tbpi,#tbtro,.tbt label,#prc_opt,#set_location_section a,.tbtctlabel,#swr a{color:hsl(240,99%,80%)!important} #gt-src-wrap *,#gt-res-wrap *{color:hsl(0,0%,0%)!important}html,body,div[style=\"border-bottom:1px solid #dedede;height:57px\"],#gbx1,#gbx2,.rg_hv,.uh_hv,li.g.psgi:hover,#il_m,#il_ic{background:hsl(0,0%,5%)!important} .c,.gssb_c,.gssb_c td,#nycp,select{background-color:hsl(0,0%,17%)!important} select > button,.gbxms{background-color:hsla(0,0%,17%,.6)!important} select > optgroup{background-color:hsl(0,0%,6%)!important} #nycp{background-color:hsl(0,0%,28%)!important} #gt-src-wrap{background-color:hsl(0,0%,66%)!important} #gt-res-wrap,.close_lk{background-color:hsl(0,0%,77%)!important} .gssb_a span *,.gbto #gbs,#gbx3,#gbx4,.lst-d,.lst-t,.ab_wrp,#appbar,.lhshdr,.tphdr,#tbbcc,.rshdr{background:transparent!important} #header,#footer,.signin-box,.accountchooser-box,.google-header-bar,#leftnav,#tbdi,#hidden_modes,#hmp,#sc-block .sc,#leftnav a,#gt-appbar,#gt-ft-res,.goog-menuitem-content,div.bottom-links-wrapper,.gssb_m,.gbgt-hvr #gbgs3,#gbg3:focus #gbgs3,#gbg3:active #gbgs3,.flyr-o,.flyr-w,#advd-search-header h1{background-color:transparent!important}#bms *,#gbx1,#gbx2,div[style=\"border-bottom:1px solid #dedede;height:57px\"],.google-header-bar,#footer,#footer > div,.google-footer-bar,#top-content,#header,#gt-ft-res,#nycp,.gstl_0.gssb_c *,.lst-d,.lst-d:hover{border-color:transparent!important}.gbm ol *,.c,.appbar_b,div.splitter,.ab_dropdownrule,.ab_wrp{border-color:hsla(0,0%,6%,.6)!important}.gsq_a tr{border:2px solid transparent!important} button:not(#nycx):not(.eswd),.vsh.nyc_opening .vsc:hover .vspii,.vsh.nyc_open .vsc:hover .vspii,.vso .vspii,.jfk-button-standard,.jfk-button,.g-button,select,.cpbb,.kpbb,.kprb,.kpgb,.kpgrb,.ksb,.ab_button{border:hsl(0,0%,70%) 2px ridge!important}button,select,select > optgroup,select > option,.vsh.nyc_opening .vsc:hover .vspii,.vsh.nyc_open .vsc:hover .vspii,.vso .vspii,.mitem,.msel .kls,.c,.gbmc,.gssb_c,.gssb_c table,.goog-flat-menu-button,.gsq_a span,.jfk-button-standard,.jfk-button,.g-button,.rgsh,.cpbb,.kpbb,.kprb,.kpgb,.kpgrb,.ksb,.ab_button,#taw div,.selector,.ab_dropdownitem,ol,ul,li,.goog-menuitem,#gt-src-wrap,#gt-res-wrap,#nycp,.rg_hv,.uh_hv,.gssb_a td,.gssb_e,#srchButton,#il_ic,#il_fi,.close_lk{border-radius:4px!important} img,.rg_i{border-radius:2px!important}.rg-hi,.rg_hv:hover,#rhs,#nycp,.uh_hv,li.g.psgi:hover{border-radius:6px!important;box-shadow:1px 1px 2px #000,-1px -1px 2px hsl(0,0%,32%),2px 6px 16px 5px hsl(0,0%,0%)!important} .lst-d:hover{box-shadow:none!important}.goog-menu,.gbmc,.ab_dropdown{-moz-appearance:none!important;-webkit-appearance:none!important;background:hsl(60,3%,6%) -moz-linear-gradient(left,hsl(0,0%,6%),hsl(0,0%,28%))!important;background:hsl(60,3%,6%) -webkit-linear-gradient(left,hsl(0,0%,6%),hsl(0,0%,28%))!important;background-repeat:repeat!important;background-position:left!important;background-attachment:fixed!important;text-shadow:1px 1px 1px hsl(0,0%,0%)!important;border-radius:6px!important;box-shadow:2px 2px 5px 5px hsl(0,0%,0%),1px 1px 3px hsl(0,0%,6%),-1px -1px 3px hsl(0,0%,28%)!important} #gbx3,#gsr .p_ksb{-moz-appearance:none!important;-webkit-appearance:none!important;background:-moz-linear-gradient(top,hsl(0,0%,33%) 48%,hsl(0,0%,20%) 49%,hsl(0,0%,0%) 85%,hsl(0,0%,20%))!important;background:-webkit-linear-gradient(top,hsl(0,0%,33%) 48%,hsl(0,0%,20%) 49%,hsl(0,0%,0%) 85%,hsl(0,0%,20%))!important;text-shadow:1px 1px 1px hsl(227,32%,28%)!important;box-shadow:0 1px 5px hsl(0,0%,0%)!important} :not(select) > button:not(#nycx):not(.eswd),.vsh.nyc_opening .vsc:hover .vspii,.vsh.nyc_open .vsc:hover .vspii,.vso .vspii,#gbgs4,.gbgs,.kpbb,.g-button,.jfk-button,.goog-flat-menu-button,.cpbb,.kpbb,.kprb,.kpgb,.kpgrb,.ksb,.ab_button,.goog-button-base-pos,#srchButton{-moz-appearance:none!important;-webkit-appearance:none!important;background:transparent!important;background-image:-moz-linear-gradient(top,hsl(0,0%,33%) 48%,hsl(0,0%,20%) 49%,hsl(0,0%,0%) 85%,hsl(0,0%,20%))!important;background-image:-webkit-linear-gradient(top,hsl(0,0%,33%) 48%,hsl(0,0%,20%) 49%,hsl(0,0%,0%) 85%,hsl(0,0%,20%))!important;text-shadow:1px 1px 3px hsl(0,0%,0%)!important;box-shadow:1px 1px 5px hsl(0,0%,0%),-1px -1px 5px hsl(219,16%,32%)!important}button:not(#nycx):not(.eswd):hover,.mitem:hover,.vsh.nyc_opening .vsc:hover .vspii,.vsh.nyc_open .vsc:hover .vspii,.vso .vspii:hover,#gbgs4:hover,.gbgs:hover,.kpbb:hover,.g-button:hover,.jfk-button:hover,.gbto .gbts,.gbmcc li:hover,.ab_dropdownlnk:hover,.ab_dropdownlnkinfo:hover,.goog-menuitem:hover,.cpbb:hover,.kpbb:hover,.kprb:hover,.kpgb:hover,.kpgrb:hover,.ksb:hover,.ab_button:hover,.scroll-tree li a:hover,.selector:hover,.lhn-section-primary:hover,.ab_dropdownitem:hover,#gsr .p_ksb:hover,#doodle-site-navigation li a:hover,.gbmcc.gbsbic li a:hover,.goog-toolbar-button:hover,.goog-flat-menu-button:hover,select > option:hover,.gssb_a td:hover,#srchButton:hover{-moz-appearance:none;-webkit-appearance:none;background:-moz-radial-gradient(center bottom,hsla(123,50%,65%,.6),transparent), -moz-linear-gradient(top,hsl(0,0%,33%) 48%,hsl(0,0%,20%) 49%,hsl(0,0%,0%) 85%,hsl(0,0%,20%))!important;background:-webkit-radial-gradient(center bottom,hsla(123,50%,65%,.6),transparent), -webkit-linear-gradient(top,hsl(0,0%,33%) 48%,hsl(0,0%,20%) 49%,hsl(0,0%,0%) 85%,hsl(0,0%,20%))!important;-moz-transition:background-color .1s ease-in!important;-webkit-transition:background-color .1s ease-in!important;outline:none!important;opacity:1.0!important;color:hsl(0,0%,99%)!important;text-shadow:1px 1px 1px hsl(0,0%,0%),0 0 2px hsla(123,50%,50%,.8)!important} button:not(#nycx):not(.eswd):hover,.mitem:hover,.vsh.nyc_opening .vsc:hover .vspii,.vsh.nyc_open .vsc:hover .vspii,.vso .vspii:hover,#gbgs4:hover,.gbgs:hover,.kpbb:hover,.g-button:hover,.jfk-button:hover,.gbto .gbts,.gbmcc li:hover,.ab_dropdownlnk:hover,.ab_dropdownlnkinfo:hover,.goog-menuitem:hover,.gsq_a tr:hover span,.cpbb:hover,.kpbb:hover,.kprb:hover,.kpgb:hover,.kpgrb:hover,.ksb:hover,.ab_button:hover,.scroll-tree li a:hover,.selector:hover,.lhn-section-primary:hover,.ab_dropdownitem:hover,#gsr .p_ksb:hover,.mitem:hover,.goog-flat-menu-button:hover,select > option:hover,#srchButton:hover,.close_lk:hover{-moz-appearance:none;-webkit-appearance:none;border-color:hsla(123,50%,75%,.6) hsla(123,50%,65%,.6) hsla(123,50%,55%,.6)!important;box-shadow:0 0 10px hsl(123,50%,75%)!important;-moz-transition:border-color .2s ease,box-shadow .3s ease!important;-webkit-transition:border-color .2s ease,box-shadow .3s ease!important} li.selected,.msel .kls,.goog-option-selected,.rgsh,#scrollable-sections .tree-link-selected,.selector.selected,#tbbc,.goog-toolbar-button-selected,.goog-toolbar-button-checked,.goog-toolbar-menu-button-open,.goog-option-selected .goog-menuitem-content{background-image:-moz-radial-gradient(center bottom,hsl(123,99%,55%),transparent),-moz-linear-gradient(top,hsl(0,0%,33%) 48%,hsl(0,0%,20%) 49%,hsl(0,0%,0%) 85%,hsl(0,0%,20%))!important;background-image:-webkit-radial-gradient(center bottom,hsl(123,99%,55%),transparent),-webkit-linear-gradient(top,hsl(0,0%,33%) 48%,hsl(0,0%,20%) 49%,hsl(0,0%,0%) 85%,hsl(0,0%,20%))!important;-moz-transition:all .3s!important;-webkit-transition:all .3s!important}.gbqfqw,#lst-ib,input[type=\"email\"],input[type=\"number\"],input[type=\"password\"],input[type=\"tel\"],input[type=\"url\"],.signin-box input[type=\"text\"],.advtable input[type=\"text\"],#newu,#search_box,.as-text-input,.as-table-cont td input[type=\"text\"],.ktf{-moz-appearance:none!important;-webkit-appearance:none!important;font-weight:bold!important;box-shadow:1px 1px 5px hsl(0,0%,0%) inset,0 -1px 1px 1px hsl(240,20%,30%) inset!important;background:hsl(0,0%,17%)!important;text-shadow:1px 1px 1px hsla(123,99%,89%,.6),-1px -1px 1px hsl(0,0%,0%)!important;color:hsl(0,0%,80%)!important;border-radius:50px!important;border:none!important;padding-left:4px!important}#lga > *{opacity:0!important}#lga {background:transparent url(\"https://lh6.ggpht.com/_6Bqt_HqYues/THR8YbT0qxI/AAAAAAAAADc/NALhWF1Xjsk/logo.png\") top center no-repeat!important;height:100%!important;top:9px!important;margin-bottom:10px!important;background-size:contain!important}";
- if (typeof GM_addStyle != "undefined") {
- GM_addStyle(css);
- } else if (typeof PRO_addStyle != "undefined") {
- PRO_addStyle(css);
- } else if (typeof addStyle != "undefined") {
- addStyle(css);
- } else {
- var heads = document.getElementsByTagName("head");
- if (heads.length > 0) {
- var node = document.createElement("style");
- node.type = "text/css";
- node.appendChild(document.createTextNode(css));
- heads[0].appendChild(node);}
- }
- var css = "*, \n* {cursor: \nurl(\"http://reloaded.site88.net/Data/aero_arrow.cur\"), \ndefault !important\n}\na, a \n* {cursor: \nurl(\"http://reloaded.site88.net/Data/aero_link.cur\"), \npointer !important\n}\nHtml, Div.Span\n, DIV.gb_yb.gb_3b, Div#LeftNav, Span.st, Div#fbar, Div.fbar, Div.gb_Ab.gb_5b, Div.gb_na.gb_5b.gb_k.gb_4b, Div.gb_t.gb_u, Div.gb_t.gb_A, UL.gb_v.gb_z, UL.gb_v.gb_Kb, Div#hdtbSum, Div#gbd, Div#gbmmb, a#gb, ol#gbmm, p.sp_cnt, Div#res.med, Div#center_col, Div#cnt.big, Div#LeftNavc, Div#gbx3, Div#hdtb_more_mn, a#hdtb_tls, Div#hdtbMenus, Box, A#ShowModes, Div#More_Link, Span.Tbpo, A#Tbpi, Div#Ms.Open, Div#Bms, Div.Insep, DIV.gb_yb.gb_Fb.gb_j, DIV.gb_fa.gb_Fb.gb_j.gb_Eb, DIV.gb_ib.gb_Fb, DIV#gb.gb_Bb.gb_1a, DIV#mngb, DIV#tphdr.tphdr,Box1, Box2, Box3, Box4, Box5, O1, Table, Div.Gbmc, #Gbmm, Li, Input, Input.Post, Body\n {\nBackground : url(\"data:image/png;base64,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\") \nFixed Repeat Center!important\n; Background-color: Black !important\n; Color : SkyBlue !important\n}\na:Link\n{\nColor: YellowGreen !important;\n}\na:Visited\n{\nColor: Plum !important;\n}\na:Hover\n{\nBackground-color: #222334 !important;\nText-decoration: none !important;\nColor: Teal !important;\n}\na.gbmt, a.gbml1, .gbmt:visited {\n background-color: transparent !important;\n color: Red !important;\n border-color: #444 !important;\n text-decoration: none !important}\n*, *:focus {outline: none !important}\n\nh1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, .med, em, #rg_hta, .qbtt, .ss-link.ss-selected, td > font > b, #qbut b, #qbft b, a.spell, a.spell *, a.spell_orig, #gen-query .operator, .threadCountNumber, #popup_dialog_title, .settings-title, .thread-subject, .leftTitle, #conditions #temp, #conditions #condition, .mapBalloon .b {color: Yellow !important}\n#hplogo div, #ftby a, .page-title, .jhp input[type=\"submit\"], body > div[style*=\"fixed\"] > div > b, .rhsvw span > .fl, .rhsvw span > .fl b, .rhsvw span > b, .rhsvw fieldset > legend {color: #c75805 !important}\n\n.titleBox, .titleBox *, .tablib_selected .tab_content {color: #444 !important; text-shadow: 0 1px 0 #000 !important}\n\n.msel, .msel .kls, .tbos, .tbos b, .tbots, .tbotu, #leftnav > h2, .selectedTab .kdSidebarContent > div, .cb .G-G- {color: Crimson !important}\n.a, .cite, cite, cite a, cite b, #ans > i, .f .bc, cite .bc, #rg_hr, #rg_hr a {color: Orange !important}\n.gac_b *, .gssb_i *, .esc.kb, .ac-row.active, .ac-row.active *, .dropdown-box > div:hover {color: Violet !important}\n.xsm, .psgiprice, .psliprice b, .selectionTools span, .pagination-div a, .f span[style*=\"background:#aaa;border:#999 1px solid;border-radius:2px;\"] {color: #F80 !important}\n#GMmessages a, .bubble .item-body a, .mapBalloon a, .item-body a, #weather .on a, #weather a.active, #weather .active a, #conditions #obsTable .b, #conditions #obsTable .b *, #stars table .b, #conditions .b {color: Purple !important}\n#leftnav a, #leftnav a *, .cb > div, .kdSidebarContent > div, .kdSidebar > div, #talk_title, a.ss-link, .fl > span {color: DeepSkyBlue !important}\n.f, .f span, .osl, .osl a, .bc a, .gl a, .esc > a, #knavm, .pslipricecol cite > a, .goog-date-picker-other-month, .RssSummary div, .RssEntryOuterContent, #bp-bd form span.small, .thread_table .read .thread, .read .subject_and_snippet, #views .Nk.Pk *,\n.tn-snippet, .tn-time, .tn-source, #container .source, #container .source-link {color: Cyan !important}\n.msel, #leftnav > h2 {font-weight: bold !important}\n.msel, #leftnav > h2, .tbos, .selectedTab div.kdTabTitle, .selectedGadgetTitle {text-shadow: 0 1px 0 rgba(0,0,0,0.5) !important}\n.gbts, #gbgs4dn {text-shadow: 0 1px 0 #000 !important}\n#knavm {text-shadow: 0 0 2px #000 !important}\n#content .uim .title-cell strong, #content .uim .callout strong, .thread_table .unread b, .thread_table .selected b, #views .Nk.Ok b {color: #FFF !important; text-shadow: 0 0 6px rgba(255,255,200,0.8) !important}\nspan.bd, .controls > b > a, td.goog-date-picker-month, td.goog-date-picker-year, th.goog-date-picker-wday {border-bottom: 1px dotted #444 !important}\n.f span[style*=\"background:#aaa;border:#999 1px solid;border-radius:2px;\"] {border-style: dashed !important}\n\n#res a:hover img, .videobox a:hover img, .vstb, .vsbb, .vstbb, .vstbt, a:hover .newsimg {border-color: #FA0 !important}\n.f span[style*=\"background:#aaa;border:#999 1px solid;border-radius:2px;\"] {border-color: #F80 !important}\n\na:hover, a:hover *, .link:hover, #gbgs4dn:hover, .cb > div:hover, .kdSidebarContent > div:hover, #sharesLink:hover, #updatesLink:hover, #friendsLink:hover, #talk_title:hover, .as-tip-span:hover, .g a:visited:hover, .g a:visited:hover *, #footer a:hover, #leftnav a:hover, #leftnav a:hover *, .chip_x:hover, .gsib_b:hover, #rg_hta:hover, .goog-date-picker-date:hover, #add_gadget:hover, #change_theme:hover, #themes_keep_theme_link:hover, .selectionTools span:hover, #GMmessages a:hover, .bubble .item-body a:hover {\n color: LightPink !important;\n text-shadow: 0 0 6px rgba(255,255,200,0.8) !important}\na.kd-button:hover *, a.nolink:hover {text-shadow: none !important; color: #999 !important}\ntd.menulist:hover {\n color: #BBB !important;\n background: -o-linear-gradient(left, #333, #111) !important;\n background: -moz-linear-gradient(left, #333, #111) !important;\n background: -webkit-linear-gradient(left, #333, #111) !important}\n\n.vst {border-bottom: 1px dotted #666 !important}\n.g a:visited, .g a:visited * {color: DarkCyan !important}";
- if (typeof GM_addStyle != "undefined") {
- GM_addStyle(css);
- } else if (typeof PRO_addStyle != "undefined") {
- PRO_addStyle(css);
- } else if (typeof addStyle != "undefined") {
- addStyle(css);
- } else {
- var heads = document.getElementsByTagName("head");
- if (heads.length > 0) {
- var node = document.createElement("style");
- node.type = "text/css";
- node.appendChild(document.createTextNode(css));
- heads[0].appendChild(node);
- }
- }
- }{
- /*
- ================================
- || Google Images Enhancements ||
- ================================
- */
- var doubleDecodeURIComponent = function (component){
- var tmp = decodeURIComponent(component);
- tmp = decodeURIComponent(tmp);
- return tmp;
- }
- var parseUrl = function (url) {
- var qstr = url.split('?');
- if (qstr.length <= 1)
- return [];
- var rawparams = qstr[1].split('&');
- var par = [];
- for (var i=0 ; i<rawparams.length ; i++){
- var p = rawparams[i].split("=");
- par[p[0]] = p[1];
- }
- return par;
- }
- var getImageLinks = function (url) {
- var param = parseUrl(url);
- var links = new Object();
- links.toImgHref = decodeURIComponent(param["imgurl"]);
- links.toPageHref = decodeURIComponent(param["url"]);
- return links;
- }
- var getNewImageLinks = function (url) {
- var param = parseUrl(url);
- var links = new Object();
- links.toImgHref = doubleDecodeURIComponent(param["imgurl"]);
- links.toPageHref = decodeURIComponent(param["imgrefurl"]);
- return links;
- }
- var firstOrNull = function (elems) {
- return (elems.length > 0 ) ? elems[0] : null;
- }
- var imgTable = firstOrNull(document.getElementsByClassName('images_table'));
- if ( imgTable ) { // for basic version
- var imgCell = imgTable.getElementsByTagName('td');
- for( j=0 ; j<imgCell.length ; j++ ) {
- var imageAnchor = imgCell[j].getElementsByTagName('a')[0];
- var domainText = imgCell[j].getElementsByTagName('cite')[0];
- console.log(imageAnchor.href);
- var links = getImageLinks(imageAnchor.href);
- //links.toPageHref = imageAnchor.href; // TODO fixme
- links.toImgHref = imageAnchor.href; // TODO fixme
- domainText.innerHTML = '<a href="' + links.toPageHref + '">' + domainText.innerHTML + '/…<\a>';
- imageAnchor.href = links.toImgHref;
- }
- }
- else { // standard version
- console.log("standard version");
- var stopEvent = function(event){ event.stopPropagation() }
- var fixStyle = function(target){
- var parent = target.parentNode;
- parent.style.height = target.style.height;
- parent.style.width = target.style.width;
- parent.style.left = target.style.left;
- target.style.left = 'auto';
- }
- var fixBoxObserver = new MutationObserver(function(mutations){
- mutations.forEach(function(mutation) {
- var target = mutation.target;
- var parent = mutation.target.parentNode;
- if (mutation.attributeName === 'style' && target.style.left !== 'auto'){
- fixStyle(target);
- }
- });
- });
- var fixBoxMutationConfig = { attributes: true, childList: true, characterData: false, subtree: false };
- var fixImageBox = function(image){
- if ( /\blinkOk\b/.test(image.className) ) {
- return;
- }
- var span = image.querySelector('span.rg_ilmn');
- if (span !== null) {
- var a = firstOrNull(image.getElementsByTagName('a'));
- var links = getNewImageLinks(a.href);
- a.href = links.toImgHref;
- a.addEventListener('click', stopEvent, false);
- a.addEventListener('mousedown', stopEvent, false);
- var newContainer = document.createElement('div');
- newContainer.className = 'newCont';
- a.parentNode.appendChild(newContainer);
- newContainer.appendChild(a);
- newContainer.appendChild(span.parentNode);
- fixStyle(a);
- var desc = span.innerHTML;
- span.innerHTML = '<a style="color:#fff" href="' + links.toPageHref + '">' + desc + '</a>';
- image.className += ' linkOk'
- fixBoxObserver.observe(a, fixBoxMutationConfig);
- }
- else {
- console.log("incomplete span");
- image.className += ' notComplete';
- }
- }
- var fixImages = function(){
- var imagesContainer = document.getElementById('rg_s');
- if ( imagesContainer == null ) return;
- var images = imagesContainer.getElementsByClassName('rg_di');
- for (var i = 0 ; i< images.length ; i++) {
- fixImageBox(images[i]);
- }
- }
- var newBoxMutationConfig = { attributes: false, childList: true, characterData: false, subtree: true };
- var newBoxObserver = new MutationObserver(function(mutations){
- var needFix = false;
- mutations.forEach(function(mutation) {
- needFix = needFix || mutation.target.id == 'rg_s';
- });
- if (needFix)
- fixImages();
- });
- fixImages();
- newBoxObserver.observe(document.body, newBoxMutationConfig);
- var css = []; var i = 0;
- css[i++] = '.newCont { position: relative; }';
- css[i++] = '.newCont .rg_ilmbg { display: none; }';
- css[i++] = '.newCont:hover .rg_ilmbg { display: block; }';
- css[i++] = '.imgSiteLnk {'; ///img preview
- css[i++] = ' background-color: rgba(255, 255, 255, 0.77);';
- css[i++] = ' bottom: 0;';
- css[i++] = ' color: #000000;';
- css[i++] = ' display: block;';
- css[i++] = ' line-height: normal;';
- css[i++] = ' position: absolute;';
- css[i++] = ' text-decoration: none;';
- css[i++] = ' width: 100%; ';
- css[i++] = ' display: none }';
- css[i++] = '.imgPrev:hover .imgSiteLnk { display: block }';///img preview
- var style = document.createElement('style');
- style.type = 'text/css';
- style.appendChild(document.createTextNode(css.join('\n')));
- document.head.appendChild(style);
- ///img preview in google search (only links to page)
- var fixImagePreview = function(div){
- var images = document.getElementsByClassName('bicc');
- for (var i = 0 ; i<images.length ; i++) {
- var div = images[i];
- var el = div.getElementsByTagName('a');
- if ( el.length == 1 ) {
- div.className += ' imgPrev';
- //div.style.border = '4em solid black';
- var href = el[0].href;
- var link = doubleDecodeURIComponent(parseUrl(href)['imgil']);
- link = decodeURIComponent(link.split(';')[5]);
- var a = document.createElement('a');
- a.href = link;
- a.className = 'imgSiteLnk';
- a.textContent = link.split('/')[2];
- div.appendChild(a);
- }
- }
- }
- var searchObserver = new MutationObserver(function(mutations){
- fixImagePreview();
- });
- searchObserver.observe(document.body,
- {
- attributes: false,
- childList: true,
- characterData: false,
- subtree: true
- }
- );
- // visually similar search img preview (oly links to image)
- var similars = document.querySelectorAll('div._mj a');
- console.log(similars.length)
- for (var i = 0 ; i < similars.length ; i++){
- var a = similars[i];
- var href = getNewImageLinks(a.href);
- console.log(href)
- if ( typeof href.toImgHref === 'undefined' ) {
- console.log('skip')
- continue;
- }
- console.log(href.toImgHref)
- var newA = document.createElement('a');
- newA.href = href.toImgHref;
- newA.appendChild(a.firstChild);
- a.parentNode.replaceChild(newA, a);
- }
- }
- }{
- /* =================================
- || Additional Google SearchBar ||
- =================================
- */
- var langs = {
- '':'-'
- ,'Any Language': '-'
- ,'Spanish': 'es'
- ,'Russian': 'ru'
- ,'Portuguese': 'pt'
- ,'Italian': 'it'
- ,'Greek': 'el'
- ,'German': 'de'
- ,'French': 'fr'
- ,'English': 'en'
- ,'==========': '-'
- ,'Afrikaans': 'af'
- ,'Arabic': 'ar'
- ,'Armenian': 'hy'
- ,'Belarusian': 'be'
- ,'Bulgarian': 'bg'
- //,'Catalan': 'ca'
- ,'Chinese': 'zh-CN'
- //,'Chinese (Traditional)': 'zh-TW'
- ,'Croatian': 'hr'
- ,'Czech': 'cs'
- ,'Danish': 'da'
- ,'Dutch': 'nl'
- //,'Esperanto': 'eo'
- ,'Estonian': 'et'
- ,'Filipino': 'tl'
- ,'Finnish': 'fi'
- ,'Hebrew': 'iw'
- ,'Hindi': 'hi'
- ,'Hungarian': 'hu'
- ,'Icelandic': 'is'
- ,'Indonesian': 'id'
- ,'Japanese': 'ja'
- ,'Korean': 'ko'
- ,'Latvian': 'lv'
- ,'Lithuanian': 'lt'
- ,'Norwegian': 'no'
- ,'Persian': 'fa'
- ,'Polish': 'pl'
- ,'Romanian': 'ro'
- ,'Serbian': 'sr'
- ,'Slovak': 'sk'
- ,'Slovenian': 'sl'
- //,'Swahili': 'sw'
- ,'Swedish': 'sv'
- ,'Thai': 'th'
- ,'Turkish': 'tr'
- ,'Ukrainian': 'uk'
- ,'Vietnamese': 'vi'
- };
- var filetypes = {
- '':'-'
- ,'Any Format': '-'
- ,'Adobe PDF (.pdf)': 'pdf'
- ,'Adobe Postscript (.ps)': 'ps'
- ,'Autodesk DWF (.dwf)': 'dwf'
- ,'Digital Audio M4A (.m4a)': 'm4a'
- ,'Digital Audio MP3 (.mp3)': 'mp3'
- ,'Digital Video Avi (.avi)': 'avi'
- ,'Digital Video MP4 (.mp4)': 'mp4'
- ,'Digital Video MKV (.mkv)': 'mkv'
- ,'Excel Datasheet(.xls)': 'xls'
- ,'Google Earth KML (.kml)': 'kml'
- ,'Google Earth KMZ (.kmz)': 'kmz'
- ,'Metadata File (.torrent)': 'torrent'
- ,'PowerPoint (.ppt)': 'ppt'
- ,'Rich Text Format (.rtf)': 'rtf'
- ,'Shockwave Flash (.swf)': 'swf'
- ,'WinRAR Archiver (.rar)': 'rar'
- ,'Word Document (.doc)': 'doc'
- };
- var sitesearches = {
- '':'-'
- ,'Any Site': '-'
- ,'AvaxHome': 'avaxho.me'
- ,'Ba-K': 'ba-k.com'
- ,'EbookBrowse': 'ebookbrowse.com'
- ,'EbooksBay': 'ebooksbay.org'
- ,'Education': '.edu'
- ,'Fapdu': 'fapdu.com'
- ,'FileShut': 'fileshut.com'
- ,'Gobierno MX': '.gob.mx'
- ,'Government': '.gov'
- ,'IATE': 'iate.europa.eu'
- ,'Identi': 'identi.li'
- ,'Redalyc': 'redalyc.org'
- ,'Taringa': 'taringa.net'
- ,'Twilight': 'twilight.ws'
- };
- var holder = document.createElement('div')
- ,cboLang = document.createElement('select')
- ,cboFileType = document.createElement('select')
- ,cboSiteSearch = document.createElement('select')
- ,btnSearch = document.createElement('button')
- ,searchBoxHolderID = 'gbqfw'
- ,searchBoxID = 'gbqfq'
- ,query = location.search;
- /* Fill combo boxes */
- for (var l in langs) {
- cboLang.innerHTML += '<option ' +
- ((query.indexOf('&lr=lang_' + langs[l]) !== -1) ? 'selected="selected"' : '') +
- 'value="' + langs[l] + '">' + l + '</option>';
- }
- for (var f in filetypes) {
- cboFileType.innerHTML += '<option ' +
- ((query.indexOf('&as_filetype=' + filetypes[f]) !== -1) ? 'selected="selected"' : '') +
- 'value="' + filetypes[f] + '">' + f + '</option>';
- }
- for (var s in sitesearches) {
- cboSiteSearch.innerHTML += '<option ' +
- ((query.indexOf('&as_sitesearch=' + sitesearches[s]) !== -1) ? 'selected="selected"' : '') +
- 'value="' + sitesearches[s] + '">' + s + '</option>';
- }
- /* Add elements to the page */
- holder.setAttribute('style','background-color:inherit;border:1px solid inherit;padding:1px 5px;');
- holder.appendChild(document.createTextNode(' Language: '));
- holder.appendChild(cboLang);
- holder.appendChild(document.createTextNode(' File Type: '));
- holder.appendChild(cboFileType);
- holder.appendChild(document.createTextNode(' Site: '));
- holder.appendChild(cboSiteSearch);
- btnSearch.appendChild(document.createTextNode('Search'));
- btnSearch.setAttribute('style','margin-left:5px;');
- holder.appendChild(btnSearch);
- document.getElementById(searchBoxHolderID).appendChild(holder);
- /* Search with customized settings */
- btnSearch.onclick = function () {
- var selectedLang = cboLang.options[cboLang.selectedIndex].value
- ,searchTerm = document.getElementById(searchBoxID).value.replace(/ +filetype:[^ ]*/gi, '')
- ,selectedFileType = cboFileType.options[cboFileType.selectedIndex].value
- ,searchTerm = document.getElementById(searchBoxID).value.replace(/ +OR+sitesearch:[^ ]*/gi, '')
- ,selectedSiteSearch = cboSiteSearch.options[cboSiteSearch.selectedIndex].value
- ,lang = (selectedLang == '-') ? '' : ('&lr=lang_' + selectedLang)
- ,filetype = (selectedFileType == '-') ? '' : ('&as_filetype=' + selectedFileType)
- ,sitesearch = (selectedSiteSearch == '-') ? '' : ('&as_sitesearch=' + selectedSiteSearch)
- ,url = location.protocol + '//' + location.host + '/search?q=' + encodeURIComponent(searchTerm) + lang + filetype + sitesearch;
- window.location.replace(url);
- };
- }{
- /*
- ========================================
- || Pictures Viewer & Greased LightBox ||
- ========================================
- */
- (function(topObject,window,document){
- 'use strict';
- function init(topObject,window,document,arrayFn,envir){
- //一些设定。
- var prefs={
- floatBar:{//浮动工具栏相关设置.
- butonOrder:['actual','current','magnifier','gallery'],//按钮排列顺序'actual'(实际的图片),'current'(当前显示的图片),'magnifier'(放大镜观察),'gallery'(图集)
- showDelay:366,//浮动工具栏显示延时.单位(毫秒)
- hideDelay:566,//浮动工具栏隐藏延时.单位(毫秒)
- position:'top left',// 取值为: 'top left'(图片左上角) 或者 'top right'(图片右上角) 'bottom right'(图片右下角) 'bottom left'(图片左下角);
- offset:{//浮动工具栏偏移.单位(像素)
- x:-15,//x轴偏移(正值,向右偏移,负值向左)
- y:-15,//y轴偏移(正值,向下,负值向上)
- },
- forceShow:{//在没有被缩放的图片上,但是大小超过下面设定的尺寸时,强制显示浮动框.(以便进行旋转,放大,翻转等等操作)..
- enabled:true,//启用强制显示.
- size:{//图片尺寸.单位(像素);
- w:166,
- h:166,
- },
- },
- minSizeLimit:{//就算是图片被缩放了(看到的图片被设定了width或者height限定了大小,这种情况下),如果没有被缩放的原图片小于设定值,那么也不显示浮动工具栏.
- w:100,
- h:100,
- },
- },
- magnifier:{//放大镜的设置.
- radius:77,//默认半径.单位(像素).
- wheelZoom:{//滚轮缩放.
- enabled:true,
- pauseFirst:true,//需要暂停(单击暂停)后,才能缩放.(推荐,否则因为放大镜会跟着鼠标,如果放大镜过大,那么会影响滚动.)..
- range:[0.4,0.5,0.6,0.7,0.8,0.9,1,1.1,1.2,1.3,1.4,1.5,1.7,1.9,2,2.5,3.0,4.0],//缩放的范围
- },
- },
- gallery:{//图库相关设定
- fitToScreen:false,//图片适应屏幕(适应方式为contain，非cover).
- sidebarPosition:'bottom',//'top' 'right' 'bottom' 'left' 四个可能值
- sidebarSize:130,//侧栏的高（如果是水平放置）或者宽（如果是垂直放置）
- preload:true,//对附近的图片进行预读。
- max:5,//最多预读多少张（前后各多少张）
- },
- imgWindow:{//图片窗相关设置
- fitToScreen:false,//适应屏幕,并且水平垂直居中(适应方式为contain，非cover).
- defaultTool:'hand',//"hand","rotate","zoom";打开窗口的时候默认选择的工具
- overlayer:{//覆盖层.
- shown:false,//显示
- color:'rgba(0,0,0,0.73)',//颜色和不透明度设置.
- clickToClose:[true,'click'],//[是否使用点击关闭窗口 "true,false"，关闭触发方式，"click,dblclick"]
- },
- zoom:{//滚轮缩放
- range:[0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1,1.1,1.2,1.3,1.4,1.5,1.7,1.9,2,2.5,3.0,4.0],//缩放比例.(不要出现负数,谢谢-_-!~)
- mouseWheelZoom:true,//是否允许使用滚轮缩放。
- },
- },
- //旋转的时候，按住shift键时,旋转的步进.单位:度.
- shiftRotateStep:15,
- //等图片完全载入后,才开始执行弹出,放大等等操作,
- //按住ctrl键的时候,可以临时执行和这个设定相反的设定.
- waitImgLoad:true,
- //框架里面的图片在顶层窗口展示出来，但是当frame与顶层窗口domain不一样的时候，可能导致图片被反盗链拦截，
- //按住shift键，可以临时执行和这个设定相反的设定
- framesPicOpenInTopWindow:true,
- };
- //各网站高级规则;
- var siteInfo=[
- {siteName:"google图片搜索",
- //网址例子.(方便测试.查看.之类的)
- siteExample:"http://www.google.com.hk/search?q=opera&tbm=isch",
- //是否启用
- enabled:true,
- //站点正则
- url:/https?:\/\/www.google(\.\w{1,3}){1,3}\/search\?.*&tbm=isch/,
- //鼠标左键点击直接打开..（这个只是当高级规则的getImage()返回图片的时候生效）
- clikToOpen:{
- enabled:true,
- preventDefault:true,//是否尝试阻止点击的默认行为（比如如果是你点的是一个链接，默认行为是打开这个链接，如果是true，js会尝试阻止链接的打开(如果想临时打开这个链接，请使用右键的打开命令)）
- type:'actual',//默认的打开方式: 'actual'(弹出,原始图片) 'magnifier'(放大镜) 'current'(弹出,当前图片)
- },
- //获取图片实际地址的处理函数,
- //this 为当前鼠标悬浮图片的引用,
- //第一个参数为当前图片的引用,
- //第二个参数为包裹当前图片的第一个a元素(可能不存在).
- getImage:function(img,a){
- if(!a)return;
- return (a.href.match(/imgurl=(.*?\.\w{1,5})&/i) || [])[1];
- },
- },
- {sitename:"百度图片搜索",
- enabled:true,
- url:/^https?:\/\/image\.baidu\.com\/i\?/i,
- getImage:function(img,a){
- var origin=img.dataset['origin'];
- if(origin){
- return origin
- }else{
- if(a){
- var onclick=a.getAttribute('onclick');
- if(onclick){
- return (onclick.match(/u:'(https?:\/\/[^']+)'/i) || [])[1];
- };
- };
- };
- },
- },
- {sitename:"豆瓣",
- siteExample:"http://movie.douban.com/photos/photo/1000656155/",
- enabled:true,
- url:/^https?:\/\/[^.]*\.douban\.com/i,
- getImage:function(){
- var oldsrc=this.src;
- var newsrc=oldsrc.replace(/\/view\/photo\/photo\/public\//i,'/view/photo/raw/public/');
- if(newsrc!=oldsrc)return newsrc;
- }
- },
- {sitename:"deviantart",
- enabled:true,
- url:/^https?:\/\/[^.]*\.deviantart\.com/i,
- siteExample:"http://www.deviantart.com",
- getImage:function(){
- var oldsrc=this.src;
- var newsrc=oldsrc.replace(/(http:\/\/[^\/]+\/fs\d+\/)200H\/(.*)/i,'$1$2');
- return newsrc==oldsrc? '' : newsrc;
- },
- },
- {sitename:"opera官方论坛",
- enabled:true,
- url:/^http:\/\/bbs\.operachina\.com/i,
- siteExample:"http://bbs.operachina.com",
- getImage:function(){
- var src=this.src;
- if(/file.php\?id=\d+$/i.test(src)){
- return src+'&mode=view';
- };
- },
- },
- {sitename:"QQ微博",
- enabled:true,
- url:/^http:\/\/[^\/]*t\.qq\.com\//i,
- siteExample:"http://t.qq.com/p/news",
- getImage:function(img){
- var pic=/(\.qpic\.cn\/mblogpic\/\w+)\/\d+/i;//图片
- var head=/(\.qlogo\.cn\/mbloghead\/\w+)\/\d+/i;//头像.
- var oldsrc=this.src;
- var newsrc;
- if(pic.test(oldsrc)){
- newsrc=oldsrc.replace(pic,'$1/2000');
- return newsrc==oldsrc? '' : newsrc;;
- }else if(head.test(oldsrc)){
- newsrc=oldsrc.replace(head,'$1/0');
- return newsrc==oldsrc? '' : newsrc;;
- };
- },
- },
- {sitename:"新浪微博",
- enabled:true,
- url:/^http:\/\/weibo\.com/i,
- siteExample:"http://weibo.com/pub/?source=toptray",
- getImage:function(img){
- var oldsrc=this.src;
- var pic=/(\.sinaimg\.cn\/)(?:bmiddle|thumbnail)/i;//图片.
- var head=/(\.sinaimg\.cn\/\d+)\/50\//i;//头像.
- var photoList=/\.sinaimg\.cn\/thumb150\/\w+/i//相册
- var newsrc;
- if(pic.test(oldsrc)){
- newsrc=oldsrc.replace(pic,'$1large');
- return newsrc==oldsrc? '' : newsrc;
- }else if(head.test(oldsrc)){
- newsrc=oldsrc.replace(head,'$1/180/');
- return newsrc==oldsrc? '' : newsrc;
- }else if(photoList.test(oldsrc)){
- newsrc=oldsrc.replace('/thumb150/','/mw690/');
- return newsrc==oldsrc? '' : newsrc;
- };
- },
- },
- {sitename:"pixiv",
- enabled:true,
- url:/^http:\/\/www\.pixiv\.net/i,
- getImage:function(img){
- var oldsrc=this.src;
- var reg=/(\d+)(_\w)(\.\w{2,5})$/i
- if(reg.test(oldsrc)){
- return oldsrc.replace(reg,'$1$3');
- };
- },
- },
- {sitename:"沪江碎碎",
- enabled:true,
- url:/^https?:\/\/([^.]+\.)*(?:yeshj\.com|hjenglish\.com|hujiang\.com)/i,
- getImage:function(img){
- var oldsrc=this.src;
- var reg=/^(https?:\/\/(?:[^.]+\.)*hjfile.cn\/.+)(_(?:s|m))(\.\w+)$/i;
- if(reg.test(oldsrc)){
- return oldsrc.replace(reg,'$1$3');
- };
- },
- },
- {sitename:"百度贴吧",
- enabled:true,
- url:/^http:\/\/tieba\.baidu\.com\/.+/i,
- getImage:function(img){
- var src=img.src;
- var reg=/^(http:\/\/imgsrc\.baidu\.com\/forum\/)ab(pic\/item\/[\w.]+)/i
- var result=src.match(reg);
- if(result){
- return result[1]+result[2];
- }else{
- var id=img.id;
- if(id.indexOf('big_img_')==0){
- return src;
- };
- };
- },
- },
- {sitename:"178.com",
- enabled:true,
- url:/^https?:\/\/(?:\w+\.)+178\.com\//i,
- clikToOpen:{
- enabled:true,
- preventDefault:true,
- type:'actual',
- },
- getImage:function(img,a){
- if(!a)return;
- var reg=/^https?:\/\/(?:\w+\.)+178\.com\/.+?(https?:\/\/img\d*.178.com\/[^.]+\.(?:jpg|jpeg|png|gif|bmp))/i;
- var matched=a.href.match(reg);
- return (a.href.match(reg) || [])[1];
- },
- },
- ];
- //通配型规则,无视站点.
- var tprules=[
- function(img,a){//解决新的dz论坛的原图获取方式.
- var reg=/(.+\/attachments?\/.+)\.thumb\.\w{2,5}$/i;
- var oldsrc=this.src;
- var newsrc=oldsrc.replace(reg,'$1');
- if(oldsrc!=newsrc)return newsrc;
- },
- ];
- //图标
- prefs.icons={
- actual:'',
- magnifier:'',
- current:'',
- gallery:'',
- loading:'data:image/gif;base64,R0lGODlhGAAYALMPACgoKOnp6cnJyaamppmZmVhYWGdnZ3d3d4aGhgEBAdnZ2UNDQ/b29r29vbGx sf///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/ IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRv YmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwg MjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8v d3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiBy ZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxu czp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0 dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9y VG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9Inht cC5paWQ6QUU5MTZGNDMxQ0E4MTFFMkE1Q0NEMTFGODU0MkUzNzUiIHhtcE1NOkRvY3VtZW50SUQ9 InhtcC5kaWQ6QUU5MTZGNDQxQ0E4MTFFMkE1Q0NEMTFGODU0MkUzNzUiPiA8eG1wTU06RGVyaXZl ZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRTkxNkY0MTFDQTgxMUUyQTVDQ0QxMUY4 NTQyRTM3NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRTkxNkY0MjFDQTgxMUUyQTVDQ0Qx MUY4NTQyRTM3NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4g PD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb 2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOi oaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2pp aGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEw Ly4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUFAA8A LAAAAAAYABgAAATMMMlJq710GQQAMgBmLYMSKMuirMQiSocZnOlqH68h06qtFJhPomASEDoEwQpY MFQWM2fhEJoADkyBwDVxMBgBp6igVBAm0C8D8YqtBFWDWlHFABo2MQLMGLwkCFoCbAkAKQt1IoaL Eh2Of4WOVQUDBANiL4ENAjgJJAOViRYADoJAhZagpxgGgg11BqAtLwWbgxQABLMaiQAGLrUNXGgu JA4EVB4DDQ7AmE8DDtIDHQ4N18200dIO1dfMq3YI0dSkDQMckI1NHb+i6vARACH5BAUFAA8ALAAA AAABAAEAAAQC8EUAIfkEBQUADwAsAQABABYAFgAABJbwySkPoYtq6gILEzhsmsd8YQCS4YlK6roV meEpY0gdE0AQNQRLolBMDoMBcEiUjHzJQYFJUSwW0QtVQCkoBwbqg1A0PgBo8SSj3mRqjjhPLVAI 444cs1EOD/BhQwdlXA8HcXpDdQpaD0lMcw8ChRJTEg4NiQ4CDZYsmA0NDhINk5yeG6ANE6WTq0MZ mKMPpa9tcweoFBEAIfkEBQUADwAsAAAAAAEAAQAABALwRQAh+QQFBQAPACwBAAEAFQAVAAAEgvDJ +cAykhzKJzjEQABPwARONxXhIJImc6rP0r6lfGKqLfIDxe7Bk7gki0IHgSlKHI4BjRMIGKGpqaRq fWC1FK4BuwGbz+gOqfFgmwkKhaRBPws4dPdZ3m5ktXwUWUoqhHEdBQ0CDggZDYGFigICbgJxCncq BpKUEpZxAk4dipWYHREAIfkEBQUADwAsAAAAAAEAAQAABALwRQAh+QQFBQAPACwBAAEAFgAWAAAE n/DJKcs0C9A9FxrO8ADEQBzcBjrhWA6mlT5rS8Lmwhky+KAPQ4mgeyA6LFmqUAwEZIhGw6FMGQIM BkXaMMwkiKz2UeCKvhKFGNUAoyUDBpbwrkuK9oXuIGgIjnYTBQKEDnZOARJ+hEAzCIgPOgiEDVUz TmcPUjKNE4AzMgIKbRMCDwoSBp2lCq2mC6hpaKKukbF2BKICerFEdQsGgJ8cEQAh+QQFBQAPACwA AAAAAQABAAAEAvBFACH5BAUFAA8ALAEAAQAWABYAAASU8Mk5zyw0a9ecHM6AABrFNd3nrEMpFWf6 gKz7eq10gPmCTaiJwbYgEEgSgaBhkxQHA8ujoRQ0HwUolFT1XAnagoV6lRgG4GE5A2hTkGuKQvEg lAeMAMM+VzCvCgyCUn1lgnkTc1ZNBnoMXg9KV0ONARRqDwoBAnYSmg+YJXQBAXQSpJahGZ+lE6im TXQKSK1rcGYuEQAh+QQFBQAPACwAAAAAAQABAAAEAvBFACH5BAUFAA8ALAEAAQAWABYAAASV8MlJ 5amYkiaadI3zLJlkcEL3NaxYPqj6gO0rcQ5ChUWWSj2MYTIYkB4EhUJgkwwcOYlAqbjYoK4H1dOc QaVMQvfgeEpIx25lwVY/APCHTqs2DAiD4YTZxBdJfHI2BUV3AEgSCk0LflYkihJzGYwEhxV6FAMP DAFnQRRDnWcPAQymohlWoiSlpg9WJZqdrAwPml1pTREAIfkEBQUADwAsAAAAAAEAAQAABALwRQAh +QQFBQAPACwBAAEAFgAWAAAEi/DJKQ2iOFOhhGxCo2Gc0n1C2hjjU54PqBbZMXGihDjhxE6mloT2 cDgAGIVQ4mjkHsplxdlwPH5SyYAqMUWzVpsEmS2bywfHwGoIuL9Co4OmcAek8sHEnV1bgVeBGQUL WnoUPwEMCocGBAMEhS2KDAx3AI8DkJIalJYPmJqbcYqXjwQGZEsHBEOcGBEAIfkEBQUADwAsAAAA AAEAAQAABALwRQAh+QQFBQAPACwBAAEAFgAWAAAEk/DJSSUyNc+hnlqPoAiENh2dlIrKaKrTF7au hnlhKTV1YUuHTPBRaDRAj0Eg8JoUBQLKktkMQRuSabTqgEYR1KpF0NhKkOK0mhFgDNSOR5BBTw+M WAmdUTXgN3QBNy8ORghSZz4Vgw5xJ2cEAwQ3BwMOby8LkQOSAEmNly8Fm5yelo0DihoAB5EEppdD VQALN4MZEQAh+QQFBQAPACwAAAAAAQABAAAEAvBFADs=',
- loadingCancle:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0 NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6MzBFMjYzRTUxQ0IwMTFFMkE5RkRDMDFGNUY3NTA2OTYiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6MzBFMjYzRTYxQ0IwMTFFMkE5RkRDMDFGNUY3NTA2OTYiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEUyNjNFMzFDQjAxMUUyQTlG REMwMUY1Rjc1MDY5NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEUyNjNFNDFDQjAxMUUy QTlGREMwMUY1Rjc1MDY5NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmI2XfsAAADqSURBVHja7FTLDYMwDI1puwQr5MCJKZCy B3cklsg9GzAAEjAEezBFhRtHISr/T9VD1VgyJP68ZzsBQET2TQFP8McEaZoGJ7F6pdTMeN9KaNv2 nR3iODYLbaeX82k7nO6g67oRiBCC6VgDBABYluUIhx5hGM5w9sbgKrOARLgIfrWDQXCvgLUOVgmi KGJ2HEarqhoFJklicod8zjkriuL0iLY6OHS/jxCgrn5mtDb8lADrunabPM8fpMPe+vASAc20aZrp gT6tusOlGIpdk60PLciy7EYLKWW/dIO0P5gU2vu/qSf4QYKXAAMAJ5qBE+5PPaUAAAAASUVORK5C YII=',
- hand:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0 NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6QjI3OEJEQkYxQ0U3MTFFMjg5NDZFNzJBMTc5RTBBMzMiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6QjI3OEJEQzAxQ0U3MTFFMjg5NDZFNzJBMTc5RTBBMzMiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMjc4QkRCRDFDRTcxMUUyODk0 NkU3MkExNzlFMEEzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMjc4QkRCRTFDRTcxMUUy ODk0NkU3MkExNzlFMEEzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjEL5KQAAAHBSURBVHja5FRNywFhFGVmkM9EEaWQEik1 Fqws/AWJn2Dl/8haKTsW/ANljaQslLLwka98NjNOpvTkfeadUXo371k83bndOXPuufcZfT6f130D jO5L+EOi0Wg0GAxUyzhqdj6fX6/XYDDIsmytVlssFo1G43w+z2Yzh8Ph9/u1KspkMsViURRF+dHn 8+G0WCzVarVQKHygqFQqCYIwHo+Px+MrGY1GcTqdzg882mw2OMPhMOheSbvdTvY+nU7ViWCKJEmx WOx0OklPrNdrtCbHt9stnU6Xy2V1ot1uB4O8Xq/b7RafQEfJZBLB/X4/HA5YY7PZTL7CxuNxOdpu t5g0JNhsNqPRGIlE8PFUKiWrgAQ5QNcejycQCGCsqKcQ8TxfqVSsVmu/30d1NpuVaHC5XGAxmUyt VgtfpUxtuVxyHIfBJxKJer2+3+9hitL6YaFQT28N9AzDhEIhGAF1l8vFYDBQRWFLu90uKed9j3q9 HkwFF4rgJTl7EhC7Wq1U9qjT6UAzLBCVIW+Z+kI2m01MEIGgAK1EQLvdFpTxZvNvRPBoOBxS+8IQ cD+0XlpgMpnkcrmfefIak9D/53+2RjwEGAAlkHhWHev9/QAAAABJRU5ErkJggg==',
- rotate:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0 NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6RjM2M0UyRTcxQ0U3MTFFMjgxRDNEQkM4N0Q3NTg2QkMiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6RjM2M0UyRTgxQ0U3MTFFMjgxRDNEQkM4N0Q3NTg2QkMiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMzYzRTJFNTFDRTcxMUUyODFE M0RCQzg3RDc1ODZCQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMzYzRTJFNjFDRTcxMUUy ODFEM0RCQzg3RDc1ODZCQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlX779gAAAJXSURBVHja3JQ5a6pREIbzqbigoqBeNyI2 pghEAnZiJZZ2/gMLQZBgoYUEXIJgYyD+gYhYxcJGtDKQH6CIImKhuIAGFHHfl9yXyPV6DZoUKS6Z YjhHzzxn5p05H2EwGM6+w0hn32T/H4hy7I/RaNTpdCaTCYVCWa1W6/X617vVajV4BoPxOQgx1WpV oVCYzWa5XD6fz2k0Gn58fHxMJpMmk+n5+RlbMpm8H0UcdA0n6vX67e2tQCCIx+OlUqlQKFxeXl5f X+t0OuQokUiAttvtfD5/n3Wo0XA49Hq9r6+vgUAAFKSGLXw6nQady+WiWFx2c3OD+05lpNfrZ7MZ SsAa8R6Ph0qlLhYLv99/d3fH4XB2J/v9Pi47CtpZLpfTarVisVilUkEjsFwuFyT7avszmUyr1cLC arUul8tsNnt/f48t8kJ2yPGrIIfDgRgsNBoN2ux2u5VKZT6fh3aQ1ul0HmMdglgslsVi2Sa1NQj8 9PQUiUQwTSQSCZJXKpXPQegFhCAIYrPZNJtNeOTi8/l4PN763cBC1h9ZpH11Go0GWo6bUQK80WiE Pz8/Z7PZ0Gv9x8B6eHg4CrLZbEwm8+XlBY8ABSKATqfDq9VqeIzfDiQUCkOh0NEngmvRl0Qi0W63 RSLRwblutwsEFlKpNBgM9nq9gwNkjP92hXbIZLKrqys8js2/ViwW397eoDooyAWjeEpsDHQ0GsUL WH0w5IhROEE57BpYsVjsIwjtu7i4CIfDg8Hg2ED+LW1r4/EYg4dm7+pKpVLlchkjPp1OT3zYiJ/7 8f8twABFT5G5Yf+a5QAAAABJRU5ErkJggg==',
- zoom:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0 NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6MzI2NDFENzExQ0NBMTFFMjhDOUNGQ0NDOTYzODI4REUiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6MzI2NDFENzIxQ0NBMTFFMjhDOUNGQ0NDOTYzODI4REUiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMjY0MUQ2RjFDQ0ExMUUyOEM5 Q0ZDQ0M5NjM4MjhERSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMjY0MUQ3MDFDQ0ExMUUy OEM5Q0ZDQ0M5NjM4MjhERSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjUXtsUAAAHTSURBVHjazJTHakJREIZzc63YS2xYsKx0 5cYXEHwBfQb3PpgbwRdw60oXtoWoWBAL9i7mQyGERMNNWeRfXA4znO/M/GfuEZLJ5NNf6Pnpj/T/ QLK70cPhMBgMlsslC4VCodPpnE4ni++BVqsViFQqFQgEjEbjbDZrNpu5XA6cVqt9BBLD4fCHWuRy eSaT4fxOp1Ov17fbrdvtTiQSpVLpdDqJoijJo/1+n06nQTQajcvlQkXn87larbZaLeJkpZodj8fp pd/v04UgCFD46vX6Xq83nU7JSgX5/X4oarWawyFOJpP5fL7b7TQaDXGyUs2mF7ygKTafryKITSqV itKi0ajUiqjCZDJh6of48XgkTlYqaDQacUcc/nyVeNVt7fV6y+UylUoCFYtFs9nMBMES3ykYDNps NpfL1e1277LuzNFwOIzFYlarFYPokUUkEgmFQuv1+uWqQqHAncpksq9AaLFYMERs8Hg8ZNnD3dGa wWDgGIfDYbfbP7ME6e8RPw30zWbDGrOy2azP53sb9DsVPVKlUuEe+OPwiH6xkgjz9W0QqtVqsGjq xrrN6g/fI56B8XhssVgY3bdyHr5HXyufz+OOUqnkB/wVCLXb7X//Zr8KMADSBu6sAZizOwAAAABJ RU5ErkJggg==',
- flipVertical:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0 NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6Mzc5RkM3NzYxQ0Y0MTFFMkFGQzk4NzFDMzc4MTVBMTIiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6Mzc5RkM3NzcxQ0Y0MTFFMkFGQzk4NzFDMzc4MTVBMTIiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNzlGQzc3NDFDRjQxMUUyQUZD OTg3MUMzNzgxNUExMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNzlGQzc3NTFDRjQxMUUy QUZDOTg3MUMzNzgxNUExMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoWGg/MAAAFCSURBVHja3JTNboMwDMftaVyKVlrYCU68 Ae/Ci/MQE1JRCuok1gNCnuMExgQEJnGaUaIA8S9/fwDmeQ5H2AscZIeBXqc3Xde1bcvzppvneb7v 87wMSpIkjuOdEsqyrKpqGcSUoigQkPQgQuQZkN8gkKz0JUuALMtWQWxBEOyRQ+4csYXXUCTovYR6 IGo3lHsYFRJtgKL3SPbooSMD8TPBoDxGOYeo73snKArFGa2z4AxJpOEo7XarXKArhzac7TKEDdDb +Qw/9TGx2AFDesAG7MyRfzqtVAn/0NlsX88n6BzIhNNiGyGms+ZFm4E+H495OrYStgSq68Y0r9QK x8sCLdH0lhN0r5XeRxYCQ3bpl7gFkTOQuoNtOrQlI3HTeZl8bQCX4OICNU2z8+t3gZRSaZruBPHm VdCH2H/5Zx8G+hZgAJcamqB3G0N7AAAAAElFTkSuQmCC',
- flipHorizontal:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0 NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6NUVBRDRDOTkxQ0Y0MTFFMkI0OUU5NThEQzI4NTFGNDMiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6NUVBRDRDOUExQ0Y0MTFFMkI0OUU5NThEQzI4NTFGNDMiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RUFENEM5NzFDRjQxMUUyQjQ5 RTk1OERDMjg1MUY0MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUFENEM5ODFDRjQxMUUy QjQ5RTk1OERDMjg1MUY0MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pnl92swAAAFKSURBVHja3JTJjoMwDIbxqBw6SKVAT3Di DXgX3l9cRkhFLKIjekHIk9gJoXQhB07jILPFX37bAcjz3NnDvpydbDfQYXkzjuMwDMJvhrmu63me 8K9BSZLEcWwpoSzLqqpegwSlKIogCKJLFIWXMAxOvv99PA73++/t1nVt07RN3bRd2/d9lmVL0Lsa gRhkSA75Sp7h4fUnEIhZKkhPpzhyqPBg1TVAMcBEMJnRjAJECxBKkloUlo+FWLkG8S1SU8sDPjDm M2u0UwScnJFDUCEHqIIrpR9qhHIAeZ2Tfj4rsUptlZW6RWSk2RAbIFw2Ho2nxFSN0E4RzUe9qUxi YPTZ1Agck5rqDhdbooC1gGNZbN7JWpFOEFbpb9VIBZnNrLCyj6KZT4znr7+u6zRNxcU0Tdequi4+ 7tn881kcPPkt6Ifsv/yzdwP9CTAAzDedWzss4SgAAAAASUVORK5CYII=',
- close:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAARCAIAAAAt9wkYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0 NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6Q0I3NzA1RDAxQ0Y3MTFFMkJGMTU4MTc4OEQ2N0MzQjkiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6Q0I3NzA1RDExQ0Y3MTFFMkJGMTU4MTc4OEQ2N0MzQjkiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQjc3MDVDRTFDRjcxMUUyQkYx NTgxNzg4RDY3QzNCOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQjc3MDVDRjFDRjcxMUUy QkYxNTgxNzg4RDY3QzNCOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUW1owAAADqSURBVHja5FWxCoQwDL2W+x4X/QmHujvX zV0XadHN31HUn2gR/KD2AgWRAytETpTLEF5eSfqaaEvyPH/dw97W2rtIMcY8uytKKQeiKPKTP5fS dZ0DSZKEYQhAa72SdV0japIsy3D9XPdjjIHv+96FUkpPFqV0VwrnHD3dpmm+GCHEwdEJ2VVpTlhV VdtaEB6m2H2j9oTN87yVAuFhikclviuw8TAMWykQAonuCvJeWZZlmiaHy7IE37Yt+HEc4zgOggBR EzmgVUdRFI4B4BhYwg2IpGl65ZXq+ZmvfoM838MfP4fPGNBHgAEAi7gyuvHuhZcAAAAASUVORK5C YII=',
- rotateIndicatorBG:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALoAAAC5CAYAAACfmiVfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0 NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEu MC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVz b3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1N Ok9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNDQzRDlCNjE4MjRFMjExQTlDNjhCQTlBOTYy NUVGMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRDEzOEEzQTI0MjAxMUUyOTRGREE2Njky QjdBREQ5OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRDEzOEEzOTI0MjAxMUUyOTRGREE2 NjkyQjdBREQ5OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dz KSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMwOTI1OTNB MUUyNEUyMTFBOUM2OEJBOUE5NjI1RUYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0NDNE OUI2MTgyNEUyMTFBOUM2OEJBOUE5NjI1RUYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpS 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 9BnasNkcSoMAAAAASUVORK5CYII=',
- rotateIndicatorPointer:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAADxCAYAAACEXZTsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0 NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6OTQ0RjM2N0YyNDJFMTFFMjk1QkFBRDIwRTU4OTdBRDgiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6OTQ0RjM2ODAyNDJFMTFFMjk1QkFBRDIwRTU4OTdBRDgiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NDRGMzY3RDI0MkUxMUUyOTVC QUFEMjBFNTg5N0FEOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NDRGMzY3RTI0MkUxMUUy OTVCQUFEMjBFNTg5N0FEOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psfyr6YAAArZSURBVHja3J1bbyNJFcfL7cT25D6Jc2Em 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',
- arrowTop:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAdCAYAAADsMO9vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0 NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6QjNFMkVGMDEyQzI0MTFFMjg3QzRFMzA4RUMzNUU1M0UiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6QjNFMkVGMDIyQzI0MTFFMjg3QzRFMzA4RUMzNUU1M0UiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCM0UyRUVGRjJDMjQxMUUyODdD NEUzMDhFQzM1RTUzRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCM0UyRUYwMDJDMjQxMUUy ODdDNEUzMDhFQzM1RTUzRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlvCjVAAAAD/SURBVHja1JjRDYQgDIbZgBEYwREcgREY xREcoSMxwo3gCHc+0MQQPCgUKCT/G8r3GW0RpfoNfceHaLXYQPhvyFISJoJ/Shjp8NudKwGPucKc JeFFS9hC+KeElQLvCOBx3Mrw0yVOBnjMORoeGOExIBEeKuYP664UGIpEl67dAj9dwjDA10o0bz1K uyulmlCqV1PXpsK7Tv2jSsJ2hK+VsD1u3NpJ2dcaCc++JvXj2hnL9N5aLGBUZWAsGiAJvknCC4Gv kfC4Tchd8Bn8G7iFNXMPVJdYzzoS+bf/Sr4NThB8TuK1lB4CD6NiiaPkh0XaSRpKQOlkiceASa6f AAMADgHRdvHjSZ0AAAAASUVORK5CYII=',
- arrowBottom:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAdCAYAAADsMO9vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0 NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6Qzg4RUFEREQyQzI0MTFFMkJGRTVENTM1RUFERUEyNjMiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6Qzg4RUFEREUyQzI0MTFFMkJGRTVENTM1RUFERUEyNjMiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDODhFQUREQjJDMjQxMUUyQkZF NUQ1MzVFQURFQTI2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDODhFQUREQzJDMjQxMUUy QkZFNUQ1MzVFQURFQTI2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl7tKzkAAAEVSURBVHja1JjREYQgDES5CizhSqAES7gS UoolUAIlUcKVQAmRD5hhPBXDkRgzk79V3uK4Roz5LZ86pJ6Mnpoyk28Jl9SYW4uJAl+4liMhVCIt JrbwpWErtKnjjvBOE0fwmFltLTyCL/2tLxAom9c8Y4plY0NDuOuaGT5eZAoldVCJCQo81qmkwUQ3 fClHNDEPhJ+J8I4SpWcNA+CHrylpgm2tD/GRAjN8zEysLxUwwlupZHAX7umkE+9N+NhhY2KkxHXI a7PPJVdNUOGHz1//mLgdvncnfYdepDwxv1XB96TJiPRiKRgAD+bmgifD944eXaOBlj8pqT87FhOq 4Vujx9DRQPpIRNtJH8kEK/wLEc2TaxVgABhX1Dief8wFAAAAAElFTkSuQmCC',
- arrowLeft:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAwCAYAAADtoXHnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0 NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6NTkwNjJDNTkyQzI0MTFFMkI0NzZFM0NEMTRCQUU4NzAiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6NTkwNjJDNUEyQzI0MTFFMkI0NzZFM0NEMTRCQUU4NzAiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1OTA2MkM1NzJDMjQxMUUyQjQ3 NkUzQ0QxNEJBRTg3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1OTA2MkM1ODJDMjQxMUUy QjQ3NkUzQ0QxNEJBRTg3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps3mm0sAAAEHSURBVHjaxNhhDcMgEIZhMgOVMAmVMAmV gJRJQAKSJmESJoHRhSVkNIM7oC/J/WrSJ2nhA86EEMyk4WM9Yi3Fk0noDoZUr1jrbNRlYA7bWag9 APO6j0Zr4Lf8KHRrBMNncg1A1/TP2sB9NneicrDzn15VYAe6pBe1gM8iIBSoBCyDQYn2gQrUd4NC dAwoQJ1g8d+qb2tArQC0Td+sgo4HK+g2BfyDSuLNiqPlAJWAThWgP6gkT716m8hQSbzpwQw9D8zQ 88A4LoYY5OdFJhK2ZLBwwGIQC3xsa8M2cey4gh3MsCModtjGrhXIBQq7KmKXYuz6jzU6sJYO1rzC 2nRYQ7Laen0LMACbElNZVX4epQAAAABJRU5ErkJggg==',
- arrowRight:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAwCAYAAADtoXHnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0 NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6N0M5MkUyMEIyQzI0MTFFMkJEREE4MzFDNDE2ODE0OTAiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6N0M5MkUyMEMyQzI0MTFFMkJEREE4MzFDNDE2ODE0OTAiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QzkyRTIwOTJDMjQxMUUyQkRE QTgzMUM0MTY4MTQ5MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QzkyRTIwQTJDMjQxMUUy QkREQTgzMUM0MTY4MTQ5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrqtTzoAAADVSURBVHja5NjhCYMwEAXgows4giN0BEdw hBvFETpCRsoIjuAINsIJpfgjoZf3YhN4/4QPgj6TE7leQ0pMCQJaz5QtZbdUh/ULPPOqBS4X2GfU ExtsC/eMqCcaM9EjMwPe7GXrCx494TUTjvZ8lYJoFhYGHP4CngrKw7WntQDW7uCZAbvWpdgLQ4ED o6dLYNe6vAf8kBsv+PY2C7p9MvBy0FZBt8KH/9rgIPy4Aj+YNQ1GBvhzvcEvUPCrIvxSTLmFwwcd lJEOZXhFHdPRBpKQ0etbgAEA5TXHBKbv1IkAAAAASUVORK5CYII=',
- };
- //获取位置
- function getTargetPosition(target){
- var target=target;
- var rect=target.getBoundingClientRect();
- var compStyle=getComputedStyle(target,'');
- var pFloat=parseFloat;
- var t=rect.top + pFloat(compStyle.paddingTop) + pFloat(compStyle.borderTopWidth);
- var l=rect.left + pFloat(compStyle.paddingLeft) + pFloat(compStyle.borderLeftWidth);
- var r=rect.right - pFloat(compStyle.paddingRight) - pFloat(compStyle.borderRightWidth);
- var b=rect.bottom - pFloat(compStyle.paddingBottom) - pFloat(compStyle.borderBottomWidth);
- var scrollXY={
- x:window.scrollX,
- y:window.scrollY,
- };
- return {
- t:t,
- l:l,
- r:r,
- b:b,
- top: t + scrollXY.y,
- left: l + scrollXY.x,
- right: r + scrollXY.x,
- bottom: b + scrollXY.y,
- };
- };
- //获取窗口大小.
- function getWindowSize(){
- //window.innerHeight;window.innerWidth;
- return {
- h:window.innerHeight,
- w:window.innerWidth,
- };
- /*
- var de=document.documentElement;
- return {
- h:document.compatMode=='BackCompat'? document.body.clientHeight : de.clientHeight,
- w:de.clientWidth,
- };
- */
- };
- function getCurrentSize(target){//获取页面上显示的图片的宽 高.
- var iCS=getComputedStyle(target,'');
- return {
- h:parseFloat(iCS.height),
- w:parseFloat(iCS.width),
- };
- };
- //xpath 获取单个元素
- function getElementByXpath(xpath,contextNode,doc){
- doc=doc || document;
- contextNode=contextNode || doc;
- return doc.evaluate(xpath,contextNode,null,9,null).singleNodeValue;
- };
- //事件支持检测.
- function eventSupported( eventName,el ){
- el = el || document.createElement("div");
- eventName = "on" + eventName;
- var isSupported = (eventName in el);
- if (!isSupported && el.setAttribute) {
- el.setAttribute(eventName, "return;");
- isSupported = typeof el[eventName] === "function";
- };
- return isSupported;
- };
- //检测属性支持.
- function attrSupported(proName,el){
- el = el || document.createElement("div");
- var isSupported = (proName in el);
- return isSupported;
- };
- //css属性支持
- function cssProSupported(proName,elem){
- var prefix=['','-webkit-','-o-','-moz-','-ms-'];
- elem=elem || document.createElement('div');
- var style=elem.style;
- var camelPro;
- for(var i=0,ii=prefix.length;i<ii;i++){
- camelPro=(prefix[i]+proName).replace(/-([a-z])/g,function(a,b){
- return b.toUpperCase();
- });
- if(camelPro in style){
- return camelPro;
- };
- };
- };
- //css属性值支持
- function cssValueSupported(proName,value,elem){
- var prefix=['','-webkit-','-o-','-moz-','-ms-'];
- elem=elem || document.createElement('div');
- var style=elem.style;
- var prefixedValue;
- for(var i=0,ii=prefix.length;i<ii;i++){
- prefixedValue=prefix[i] + value;
- style[proName]=prefixedValue;
- if(style[proName]==prefixedValue){
- return prefixedValue;
- };
- };
- };
- //抛出错误到错误控制台
- function throwErrorInfo(err){
- if(console && console.error){
- console.error(err.message + '\n\n' + (err.stacktrace? err.stacktrace : '') + '\n\n' , err);
- };
- };
- //支持情况.
- var support={
- cssTransform:cssProSupported('transform'),
- cssCursorValue:{
- zoomIn:cssValueSupported('cursor','zoom-in'),
- zoomOut:cssValueSupported('cursor','zoom-out'),
- },
- requestFullscreen:(function(){
- var array=['webkitRequestFullScreen','mozRequestFullScreen','requestFullscreen'];
- var tempEle=document.body;
- var ret;
- for(var i=array.length-1;i>=0;i--){
- ret=array[i];
- if(ret in tempEle){
- return ret;
- };
- };
- })(),
- };
- //console.log('浏览器的一些对象支持情况:',support);
- //imgReady
- var imgReady=(function(){
- var iRInterval,
- iRReadyFn=[],
- isrcs=[]
- ;
- var timeLimit=3 * 60 * 1000;//3分钟
- function checkReady(){
- var now=Date.now();
- for(var i=0,ii=iRReadyFn.length,iRReadyFn_i;i<ii;i++){
- iRReadyFn_i=iRReadyFn[i];
- //now - iRReadyFn_i.startTime >= timeLimit ||
- if(iRReadyFn_i()){
- iRReadyFn.splice(i,1);
- isrcs.splice(i,1);
- i--;
- ii--;
- };
- };
- //console.log('checkReady',iRReadyFn.length)
- if(iRReadyFn.length==0){
- clearInterval(iRInterval);
- iRInterval=null;
- };
- };
- var imgReady=function(img,opts){
- if(/NodeList|HTMLCollection/.test(Object.prototype.toString.call(img)) || Array.isArray(img)){
- arrayFn.forEach.call(img,function(img,index,array){
- if(img instanceof HTMLImageElement){
- imgReady(img,opts);
- };
- });
- return;
- };
- if(!(img instanceof HTMLImageElement)){
- var t_img=new Image();
- t_img.src=img;
- img=t_img;
- t_img=null;
- };
- var ready,load,error,loadEnd,abort,timeout,time;
- ready=opts.ready;
- load=opts.load;
- error=opts.error;
- loadEnd=opts.loadEnd;
- abort=opts.abort;
- timeout=opts.timeout;
- time=typeof opts.time=='number'? opts.time : 0;
- if(time){
- setTimeout(function(){
- if(!loadEndDone){
- aborted=true;
- removeListener();
- img.src='data:';
- if(timeout){
- timeout.call(img,{
- target:img,
- type:'timeout',
- });
- };
- loadEndDone=true;
- if(loadEnd){
- loadEnd.call(img,{
- target:img,
- type:'timeout',
- });
- };
- };
- },time);
- };
- var src=img.src;
- var loadEndDone;
- function go(type,e){
- switch(type){
- case 'load':{
- removeListener();
- go('ready');//如果直接触发load，那么先触发ready
- if(load){
- load.call(img,e);
- };
- loadEndDone=true;
- if(loadEnd){
- loadEnd.call(img,e);
- };
- }break;
- case 'ready':{
- if(!ready || readyHandler.done)return;
- readyHandler.done=true;
- ready.call(img,{
- target:img,
- type:'ready',
- });
- }break;
- case 'error':{
- removeListener();
- if(error){
- error.call(img,e);
- };
- loadEndDone=true;
- if(loadEnd){
- loadEnd.call(img,e);
- };
- }break;
- };
- };
- var aborted;
- var ret={
- img:img,
- abort:function(){
- if(!loadEndDone){
- aborted=true;
- removeListener();
- img.src='data:';
- if(abort){
- abort.call(img,{
- target:img,
- type:'abort',
- });
- };
- loadEndDone=true;
- if(loadEnd){
- loadEnd.call(img,{
- target:img,
- type:'abort',
- });
- };
- };
- },
- };
- function readyHandler(){//尽快的检测图片大小.
- if(loadEndDone || aborted)return true;
- if(img.naturalWidth==0 || img.naturalHeight==0)return;
- go('ready');
- return true;
- };
- function loadHandler(e){
- go('load',e);
- };
- function errorHandler(e){
- go('error',e);
- };
- function removeListener(){
- img.removeEventListener('load',loadHandler,true);
- img.removeEventListener('error',errorHandler,true);
- };
- //ready必须在load之前触发。
- if(img.complete){//图片已经加载完成.
- if(typeof img.width=='number' && img.width && img.height){//图片
- setTimeout(function(){
- if(aborted)return;
- go('load',{
- type:'load',
- target:img,
- });
- },0);
- }else{//这不是图片.opera会识别错误.
- setTimeout(function(){
- if(aborted)return;
- go('error',{
- type:'error',
- target:img,
- });
- },0);
- };
- return ret;
- };
- img.addEventListener('load',loadHandler,true);
- img.addEventListener('error',errorHandler,true);
- if(ready){
- var index=isrcs.indexOf(src);
- if(index==-1){
- isrcs.push(src);
- readyHandler.startTime=Date.now();
- iRReadyFn.push(readyHandler);
- }else{
- iRReadyFn[index].startTime=Date.now();
- };
- if(!iRInterval){
- iRInterval=setInterval(checkReady,66);
- };
- };
- return ret;
- };
- return imgReady;
- })();
- var addWheelEvent=(function(){
- var eventName;
- if('onwheel' in document){//w3c FF>=17 ie>=9
- eventName='wheel';
- }else if('onmousewheel' in document){//ie
- eventName='mousewheel';
- }else{// < FF17
- eventName='DOMMouseScroll';
- };
- return function(ele,callback,useCapture){
- ele.addEventListener(eventName,function(e){
- var type=e.type;
- var ne;
- if(type!='wheel'){
- ne={};
- for(var i in e){
- ne[i]=e[i];
- };
- ne.type='wheel';
- ne.deltaX=0;
- ne.deltaY=0;
- ne.deltaZ=0;
- ne.deltaMode=1;//line
- ne.preventDefault=e.preventDefault.bind(e);
- ne.stopPropagation=e.stopPropagation.bind(e);
- if((typeof e.axis=='number' && e.axis==2) || (typeof e.wheelDeltaY=='number' && e.wheelDeltaY!=0)){//Y轴的滚动
- ne.deltaY = e.wheelDeltaY? -e.wheelDeltaY/40 : e.detail;
- }else{
- ne.deltaX = e.wheelDeltaX? -e.wheelDeltaX/40 : e.detail;
- };
- };
- callback.call(this,ne? ne : e);
- },useCapture || false);
- };
- })();
- var addCusMouseEvent=(function(){
- var tele= document.documentElement || document.createElement('div');
- var support={
- mouseleave:'onmouseleave' in tele,
- mouseenter:'onmouseenter' in tele,
- };
- tele=null;
- var map={
- 'mouseleave':'mouseout',
- 'mouseenter':'mouseover',
- };
- return function(type, ele, fn){//事件类型，元素，监听函数
- type=type.toLowerCase();
- if(support[type]){
- ele.addEventListener(type,fn,false);//mouseleave,enter不冒泡
- }else{
- ele.addEventListener(map[type],function(e){
- var relatedTarget=e.relatedTarget;//mouseout，去往的元素；mouseover，来自的元素
- if(!this.contains(relatedTarget)){
- fn.call(this,e);
- };
- },true);
- };
- };
- })();
- //库
- function GalleryC(){
- this.init();
- };
- var gallery;
- var galleryMode;
- GalleryC.prototype={
- init:function(){
- this.addStyle();
- var container=document.createElement('span');
- this.gallery=container;
- container.className='pv-gallery-container';
- container.tabIndex=1;
- container.innerHTML=''+
- '<span class="pv-gallery-head">'+
- '<span title="弹出照片进行复杂操作" class="pv-gallery-operate">折腾</span>'+
- '<span title="一些命令菜单" class="pv-gallery-commands">命令</span>'+
- '<span title="分享" class="pv-gallery-share">分享</span>'+
- '<span title="Close | Cerrar" class="pv-gallery-close"></span>'+
- '</span>'+
- '<span class="pv-gallery-body">'+
- '<span class="pv-gallery-img-container">'+
- '<span class="pv-gallery-img-container-left-side">'+
- '<span class="pv-gallery-img-controler-pre"></span>'+
- '</span>'+
- '<span class="pv-gallery-img-content">'+
- '<span class="pv-gallery-img-parent"><!--图片放在这个里面--></span>'+
- '<span class="pv-gallery-vertical-align-helper"></span>'+
- '</span>'+
- '<span class="pv-gallery-img-container-right-side">'+
- '<span class="pv-gallery-scrollbar-v pv-gallery-img-scrollbar-v">'+
- '<span class="pv-gallery-scrollbar-v-track pv-gallery-img-scrollbar-v-track">'+
- '<span class="pv-gallery-scrollbar-v-handle pv-gallery-img-scrollbar-v-handle"></span>'+
- '</span>'+
- '</span>'+
- '<span class="pv-gallery-img-controler-next"></span>'+
- '</span>'+
- '<span class="pv-gallery-img-container-bottom-side">'+
- '<span class="pv-gallery-scrollbar-h pv-gallery-img-scrollbar-h">'+
- '<span class="pv-gallery-scrollbar-h-track pv-gallery-img-scrollbar-h-track">'+
- '<span class="pv-gallery-scrollbar-h-handle pv-gallery-img-scrollbar-h-handle"></span>'+
- '</span>'+
- '</span>'+
- '</span>'+
- '</span>'+
- '<span class="pv-gallery-sidebar-container" unselectable="on">'+
- '<span class="pv-gallery-sidebar-content" >'+
- '<span class="pv-gallery-scrollbar-h pv-gallery-thumb-scrollbar-h">'+
- '<span class="pv-gallery-scrollbar-h-track pv-gallery-thumb-scrollbar-h-track">'+
- '<span class="pv-gallery-scrollbar-h-handle pv-gallery-thumb-scrollbar-h-handle"></span>'+
- '</span>'+
- '</span>'+
- '<span class="pv-gallery-sidebar-controler-pre"></span>'+
- '<span class="pv-gallery-sidebar-thumbnails-container">'+
- '<span class="pv-gallery-sidebar-thumbnails">'+
- '<!--用innerHTML写入被span.pv-gallery-sidebar-thumb包裹的img元素，并设置宽度货高度-->'+
- '</span>'+
- '</span>'+
- '<span class="pv-gallery-scrollbar-v pv-gallery-thumb-scrollbar-v">'+
- '<span class="pv-gallery-scrollbar-v-track pv-gallery-thumb-scrollbar-v-track">'+
- '<span class="pv-gallery-scrollbar-v-handle pv-gallery-thumb-scrollbar-v-handle"></span>'+
- '</span>'+
- '</span>'+
- '<span class="pv-gallery-sidebar-controler-next"></span>'+
- '</span>'+
- '</span>'+
- '</span>';
- document.body.appendChild(container);
- var validPos=['top','right','bottom','left'];
- var sBarPosition=prefs.gallery.sidebarPosition.trim();
- if(validPos.indexOf(sBarPosition)==-1){
- sBarPosition='bottom';
- };
- this.sBarPosition=sBarPosition;
- this.selectedClassName='pv-gallery-sidebar-thumb_selected-' + sBarPosition;
- var sBarDirection;
- var isHorizontal=false;
- if(sBarPosition=='top' || sBarPosition=='bottom'){
- sBarDirection='h';//水平放置
- isHorizontal=true;
- }else{
- sBarDirection='v';//垂直放置
- };
- this.sBarDirection=sBarDirection;
- this.isHorizontal=isHorizontal;
- var classPrefix='pv-gallery-';
- var validClass=[
- 'close',
- 'body',
- 'img-container',
- 'img-scrollbar-h',
- 'img-scrollbar-h-handle',
- 'img-scrollbar-h-track',
- 'img-scrollbar-v',
- 'img-scrollbar-v-handle',
- 'img-scrollbar-v-track',
- 'thumb-scrollbar-h',
- 'thumb-scrollbar-h-handle',
- 'thumb-scrollbar-h-track',
- 'thumb-scrollbar-v',
- 'thumb-scrollbar-v-handle',
- 'thumb-scrollbar-v-track',
- 'img-content',
- 'img-parent',
- 'img-controler-pre',
- 'img-controler-next',
- 'sidebar-container',
- 'sidebar-content',
- 'sidebar-controler-pre',
- 'sidebar-controler-next',
- 'sidebar-thumbnails',
- 'sidebar-thumbnails-container',
- ];
- var eleMaps={};
- this.eleMaps=eleMaps;
- validClass.forEach(function(c){
- eleMaps[c]=container.querySelector('.'+ classPrefix + c);
- });
- var posClass=[//需要添加'top bottom left right'class的元素
- 'img-container',
- 'sidebar-container',
- 'sidebar-thumbnails-container',
- ];
- posClass.forEach(function(c){
- eleMaps[c].classList.add(classPrefix + c + '-' +sBarPosition);
- });
- var hvClass=[//需要添加'v h'class的元素
- 'sidebar-container',
- 'sidebar-content',
- 'sidebar-controler-pre',
- 'sidebar-controler-next',
- 'sidebar-thumbnails',
- ];
- hvClass.forEach(function(c){
- eleMaps[c].classList.add(classPrefix + c + '-' + sBarDirection);
- });
- //图片区域水平方向的滚动条
- var imgScrollbarH=new this.Scrollbar({
- bar:eleMaps['img-scrollbar-h'],
- handle:eleMaps['img-scrollbar-h-handle'],
- track:eleMaps['img-scrollbar-h-track'],
- },
- eleMaps['img-parent'],
- eleMaps['img-content'],
- true);
- this.imgScrollbarH=imgScrollbarH;
- //图片区域垂直方向的滚动条
- var imgScrollbarV=new this.Scrollbar({
- bar:eleMaps['img-scrollbar-v'],
- handle:eleMaps['img-scrollbar-v-handle'],
- track:eleMaps['img-scrollbar-v-track'],
- },
- eleMaps['img-parent'],
- eleMaps['img-content'],
- false);
- this.imgScrollbarV=imgScrollbarV;
- //缩略图区域的滚动条
- var thumbScrollbar;
- if(isHorizontal){
- thumbScrollbar=new this.Scrollbar({
- bar:eleMaps['thumb-scrollbar-h'],
- handle:eleMaps['thumb-scrollbar-h-handle'],
- track:eleMaps['thumb-scrollbar-h-track'],
- },
- eleMaps['sidebar-thumbnails'],
- eleMaps['sidebar-thumbnails-container'],
- true);
- }else{
- thumbScrollbar=new this.Scrollbar({
- bar:eleMaps['thumb-scrollbar-v'],
- handle:eleMaps['thumb-scrollbar-v-handle'],
- track:eleMaps['thumb-scrollbar-v-track'],
- },
- eleMaps['sidebar-thumbnails'],
- eleMaps['sidebar-thumbnails-container'],
- false);
- };
- this.thumbScrollbar=thumbScrollbar;
- var self=this;
- eleMaps['sidebar-thumbnails-container'].addEventListener('scroll',function(e){//发生scroll事件时加载缩略图
- self.loadThumb();
- },false);
- addWheelEvent(eleMaps['body'],function(e){//wheel事件
- var target=e.target;
- e.preventDefault();
- if(eleMaps['sidebar-container'].contains(target)){//缩略图区滚动滚轮翻图片
- var distance=self.sideLengthO;
- if(e.deltaY<0 || e.deltaX<0 || e.deltaZ<0){//向上滚
- distance=-distance;
- };
- thumbScrollbar.scrollBy(distance)
- }else{//图片区域滚动
- var distance=100;
- if(e.deltaY!=0){//y轴
- if(e.deltaY < 0){
- distance=-distance;
- };
- imgScrollbarV.scrollBy(distance);
- }else if(e.deltaX!=0){//x轴
- if(e.deltaX < 0){
- distance=-distance;
- };
- imgScrollbarH.scrollBy(distance);
- };
- };
- self.forceRepaint();
- },true);
- var validKeyCode=[38,39,40,37]//上右下左
- var keyUp=true;
- var keyIntervalTimer;
- container.addEventListener('keydown',function(e){//上下左右切换图片
- e.stopPropagation();
- var keyCode=e.keyCode;
- var index=validKeyCode.indexOf(keyCode);
- if(index==-1)return;
- e.preventDefault();
- if(!keyUp)return;//已按下。
- keyUp=false;
- switch(index){
- case 0:;
- case 3:{
- self.selectPrevious();
- keyIntervalTimer=setInterval(function(e){
- self.selectPrevious();
- },800);
- }break;
- case 1:;
- case 2:{
- self.selectNext();
- keyIntervalTimer=setInterval(function(e){
- self.selectNext();
- },800);
- }break;
- };
- function keyUpHandler(e){
- if(e.keyCode!=validKeyCode[index])return;
- this.removeEventListener('keyup',keyUpHandler,false);
- clearInterval(keyIntervalTimer);
- keyUp=true;
- };
- this.addEventListener('keyup',keyUpHandler,false);
- },false);
- var imgDraged;
- eleMaps['img-parent'].addEventListener('mousedown',function(e){//如果图片尺寸大于屏幕的时候按住图片进行拖移
- var target=e.target;
- if(e.button!=0 || target.nodeName!='IMG')return;
- var bigger=target.classList.contains('pv-gallery-img_zoom-out');//如果是大于屏幕
- var oClient={
- x:e.clientX,
- y:e.clientY,
- };
- var oScroll={
- left:self.imgScrollbarH.getScrolled(),
- top:self.imgScrollbarV.getScrolled(),
- };
- var moveHandler=function(e){
- imgDraged=true;
- if(bigger){
- target.style.cursor='pointer';
- self.imgScrollbarV.scroll(oScroll.top-(e.clientY-oClient.y));
- self.imgScrollbarH.scroll(oScroll.left-(e.clientX-oClient.x));
- };
- };
- var upHandler=function(){
- target.style.cursor='';
- //拖曳之后阻止随后可能产生click事件产生的大小切换。
- //确保在随后的click事件发生后执行
- setTimeout(function(){
- imgDraged=false;
- },0);
- document.removeEventListener('mousemove',moveHandler,true);
- document.removeEventListener('mouseup',upHandler,true);
- };
- document.addEventListener('mousemove',moveHandler,true);
- document.addEventListener('mouseup',upHandler,true);
- },true);
- eleMaps['img-parent'].addEventListener('click',function(e){//点击图片本身就行图片缩放处理
- var target=e.target;
- if(e.button!=0 || target.nodeName!='IMG')return;
- if(imgDraged){//在拖动后触发的click事件，取消掉。免得一拖动完就立即进行的缩放。。。
- imgDraged=false;
- return;
- };
- if(target.classList.contains('pv-gallery-img_zoom-in')){//放大
- self.fitContains=false;
- var zoomX = typeof e.offsetX=='undefined' ? e.layerX : e.offsetX;
- var zoomY = typeof e.offsetY=='undefined' ? e.layerY : e.offsetY;
- var scaleX=zoomX/target.clientWidth;
- var scaleY=zoomY/target.clientHeight;
- self.fitToScreen({
- x:scaleX,
- y:scaleY,
- });
- }else if(target.classList.contains('pv-gallery-img_zoom-out')){
- self.fitContains=true;
- self.fitToScreen();
- };
- },true);
- var mouseIntervalTimer;
- container.addEventListener('mousedown',function(e){//鼠标按在导航上，切换图片
- if(e.button!=0)return;//左键
- var target=e.target;
- if(target.nodeName=='IMG')e.preventDefault();
- var matched=true;
- switch(target){
- case eleMaps['img-controler-pre']:;
- case eleMaps['sidebar-controler-pre']:{//上一个
- self.selectPrevious();
- clearInterval(mouseIntervalTimer);
- mouseIntervalTimer=setInterval(function(e){
- self.selectPrevious();
- },800);
- }break;
- case eleMaps['img-controler-next']:;
- case eleMaps['sidebar-controler-next']:{//下一个
- self.selectNext();
- clearInterval(mouseIntervalTimer);
- mouseIntervalTimer=setInterval(function(e){
- self.selectNext();
- },800);
- }break;
- default:{
- matched=false;
- }break;
- };
- function mouseUpHandler(e){//opera，按下左键的时候，按右键然后松开不会触发mouseup，再松开左键，还是不会触发mouseup
- document.removeEventListener('mouseup',mouseUpHandler,true);
- clearInterval(mouseIntervalTimer);
- };
- if(matched){
- e.preventDefault();
- document.addEventListener('mouseup',mouseUpHandler,true);
- };
- },false);
- eleMaps['sidebar-content'].addEventListener('click',function(e){//点击缩略图切换
- if(e.button!=0)return;//左键
- var target=e.target;
- if(!target.dataset['src'])return;
- self.select((target.nodeName=='SPAN'? target : target.parentNode));
- },false);
- eleMaps['close'].addEventListener('click',function(e){//关闭
- self.close();
- },false);
- this._resizeHandler=this.resizeHandler.bind(this);
- this.sideLength=isHorizontal ? eleMaps['sidebar-thumbnails'].clientHeight : eleMaps['sidebar-thumbnails'].clientWidth;
- this.sideLengthO=this.sideLength + 3;//加上margin
- this.thumbSpanStyle=isHorizontal ? ';width:' + this.sideLength +'px;' : ';height:' + this.sideLength +'px;';
- container.style.display='none';
- },
- selectPrevious:function(){
- var pre;
- var _pre=this.selected.previousElementSibling;
- while(_pre){
- if(_pre.clientWidth!=0){
- pre=_pre;
- break;
- };
- _pre=_pre.previousElementSibling;
- };
- this.select(pre);
- },
- selectNext:function(){
- var next;
- var _next=this.selected.nextElementSibling;
- while(_next){
- if(_next.clientWidth!=0){
- next=_next;
- break;
- };
- _next=_next.nextElementSibling;
- };
- this.select(next);
- },
- close:function(){
- galleryMode=false;
- this.gallery.blur();
- this.gallery.style.display='none';
- var des=document.documentElement.style;
- des.overflowX=this.deOverflow.x;
- des.overflowY=this.deOverflow.y;
- window.removeEventListener('resize',this._resizeHandler,true);
- },
- selectedIntoView:function(){
- var thumBC=this.eleMaps['sidebar-thumbnails-container'];
- //需要滚动的距离。
- var needScrollDis=this.isHorizontal ? this.selected.offsetLeft : this.selected.offsetTop;
- //尽可能的居中显示
- var thumBCClient=this.isHorizontal ? thumBC.clientWidth : thumBC.clientHeight;
- var scrollCenter=Math.max((thumBCClient - this.sideLengthO)/2,0);
- needScrollDis=Math.max(needScrollDis-scrollCenter,0);
- this.thumbScrollbar.scroll(needScrollDis);
- },
- select:function(ele){
- if(!ele || this.selected==ele)return;
- if(this.selected){
- this.selected.classList.remove(this.selectedClassName);
- this.selected.classList.remove('pv-gallery-sidebar-thumb_selected');
- };
- ele.classList.add(this.selectedClassName);
- ele.classList.add('pv-gallery-sidebar-thumb_selected');
- this.selected=ele;
- var self=this;
- clearTimeout(this.loadImgTimer);
- this.loadImgTimer=setTimeout(function(){//快速跳转的时候不要尝试读取图片。
- self.loadImg(ele);
- },200);
- this.selectedIntoView();
- this.forceRepaint();
- },
- clear:function(){
- this.allLoading=[];//读取中的图片数组
- this.allImgs={//图片的总类，统计
- rule:{
- shown:true,
- number:0,
- },
- tpRule:{
- shown:true,
- number:0,
- },
- scale:{
- shown:true,
- number:0,
- },
- force:{
- shown:true,
- number:0,
- },
- };
- if(this.img){
- this.img.style.display='none';
- };
- this.img=null;
- this.selected==null;
- this.eleMaps['sidebar-thumbnails'].innerHTML='';
- this.imgScrollbarV.hide();
- this.imgScrollbarH.hide();
- this.thumbScrollbar.hide();
- window.removeEventListener('resize',this._resizeHandler,true);
- },
- load:function(img,data,from){
- this.clear();//还原对象的一些修改，以便复用。
- galleryMode=true;
- var gallery=this.gallery;
- var galleryStyle=gallery.style;
- if(galleryStyle.display=='none'){
- var des=document.documentElement.style;
- this.deOverflow={
- x:des.overflowX,
- y:des.overflowY,
- };
- des.overflow='hidden';
- galleryStyle.display='';
- gallery.focus();
- };
- var imgSrc=img.src;
- var dataSrcs=[];
- var data_i;
- var index;
- var data_i_src;
- for(var i=0,ii=data.length;i<ii;i++){//unique顺便算出img所在data中的index;
- data_i=data[i];
- data_i_src=data_i.src;
- if(dataSrcs.indexOf(data_i_src)!=-1){//已经存在
- data.splice(i,1);//移除
- i--;
- ii--;
- continue;
- };
- dataSrcs.push(data_i_src);
- if(imgSrc==data_i_src){
- index=i;
- };
- };
- if(typeof index =='undefined'){
- index=0;
- data.unshift(data.target);
- };
- //console.log(data);
- this.data=data;
- this.from=from;//如果来自frame，那么这个from应该保存了那个frame的窗口id，便于以后通信。
- var thumbnails=this.eleMaps['sidebar-thumbnails'];
- if(this.isHorizontal){
- thumbnails.style.width=this.sideLengthO * data.length + 'px';//如果是水平放置，需要设置宽度
- };
- var spanMark='';
- var data_i;
- for(var i=0,ii=data.length;i<ii;i++){
- data_i=data[i];
- this.allImgs[data_i.type].number++;
- spanMark +=
- '<span class="pv-gallery-sidebar-thumb-container'+
- '" data-type="' + data_i.type +
- '" data-src="' + data_i.src +
- '" data-img-src="' + data_i.imgSrc +
- '" style="'+ this.thumbSpanStyle +'">'+
- '<span class="pv-gallery-vertical-align-helper"></span>'+
- '<span class="pv-gallery-sidebar-thumb-loading" title="正在读取中......"></span>'+
- '</span>';
- };
- //console.log(this.allImgs);
- thumbnails.innerHTML=spanMark;
- //初始化滚动条
- this.thumbScrollbar.reset();
- this.imgSpans=thumbnails.children;
- this.select(this.imgSpans[index]);
- this.loadThumb();
- //resize监听
- window.addEventListener('resize',this._resizeHandler,true);
- },
- forceRepaint:function(){//解决opera的fixed元素，当滚动条不再最高处的时候，不重绘fixed元素的问题。
- if(envir.opera){
- window.scrollBy(0,1);
- window.scrollBy(0,-1);
- };
- },
- resizeHandler:function(){//窗口变化时，调整一些东西。
- this.fitToScreen();
- this.thumbScrollbar.reset();
- this.selectedIntoView();
- this.loadThumb();
- },
- getImg:function(ele){
- var allLoading=this.allLoading;
- var src=ele.dataset['src']
- var index=allLoading.indexOf(src);
- if(index!=-1){
- allLoading.splice(index,1);
- };
- allLoading.push(src);
- if(this.imgReady && this.img && this.imgReady.img.src!=this.img.src){
- this.imgReady.abort();
- this.imgReady.loadingIndicator.style.removeProperty('display');
- };
- var loadingIndicator=ele.querySelector('.pv-gallery-sidebar-thumb-loading');
- loadingIndicator.style.display='block';
- var self=this;
- this.imgReady=imgReady(src,{
- ready:function(){
- if(allLoading.indexOf(src)!=allLoading.length-1)return;//如果不是最后一张
- loadingIndicator.style.removeProperty('display');
- self.loadImg(this);
- },
- loadEnd:function(){//在loadend后开始预读。
- if(allLoading.indexOf(src)!=allLoading.length-1)return;
- if(self.preloading){//结束上次的预读。
- self.preloading.finish();
- };
- //console.log(this,'预读开始');
- if(prefs.gallery.preload){
- self.preloading=new self.Preload(ele);
- };
- },
- });
- this.imgReady.loadingIndicator=loadingIndicator;
- },
- Preload:function(ele){
- this.ele=ele;
- this.init();
- },
- Scrollbar:function(scrollbar,content,container,isHorizontal){
- this.scrollbar=scrollbar;
- this.content=content;
- this.container=container;
- this.isHorizontal=isHorizontal
- this.init();
- },
- loadImg:function(img){
- if(img.nodeName!='IMG'){//先读取。
- this.getImg(img);
- return;
- };
- if(this.img){
- this.img.style.display='none';
- };
- this.img=img;
- img.className='pv-gallery-img';
- this.eleMaps['img-parent'].appendChild(img);
- this.fitContains=prefs.gallery.fitToScreen;//适应屏幕
- this.fitToScreen();
- },
- fitToScreen:function(scale){
- var container=this.eleMaps['img-content'];
- var containerSize={
- h:container.clientHeight,
- w:container.clientWidth,
- };
- var img=this.img;
- img.classList.remove('pv-gallery-img_zoom-in');
- img.classList.remove('pv-gallery-img_zoom-out');
- img.removeAttribute('height');
- img.removeAttribute('width');
- var content=this.eleMaps['img-parent'];
- var contentSize={
- w:content.offsetWidth,
- h:content.offsetHeight,
- };
- var larger=contentSize.w > containerSize.w || contentSize.h > containerSize.h;
- if(this.fitContains){//适应屏幕
- this.imgScrollbarV.hide();
- this.imgScrollbarH.hide();
- if(larger){
- img.classList.add('pv-gallery-img_zoom-in');
- if(contentSize.h/contentSize.w >=containerSize.h/containerSize.w){
- img.height=containerSize.h-20;//20是父元素padding之和
- }else{
- img.width=containerSize.w-20;
- };
- };
- }else{//不做尺寸调整，如果大于屏幕就出现滚动条
- this.imgScrollbarV.reset();
- this.imgScrollbarH.reset();
- if(larger){
- img.classList.add('pv-gallery-img_zoom-out');
- if(scale){//通过鼠标点击进行的切换。
- this.imgScrollbarH.scroll(container.scrollWidth * scale.x - containerSize.w/2);
- this.imgScrollbarV.scroll(container.scrollHeight * scale.y - containerSize.h/2);
- };
- };
- };
- },
- loadThumb:function(){//读取可视范围里面的缩略图
- var self=this;
- function ready(){
- var naturalSize={
- h:this.naturalHeight,
- w:this.naturalWidth,
- };
- var style=this.style;
- style.removeProperty('width');
- style.removeProperty('height');
- if(naturalSize.h > self.sideLength || naturalSize.w > self.sideLength){
- if(naturalSize.h>=naturalSize.w){
- style.height='100%';
- }else{
- style.width='100%';
- };
- };
- self.forceRepaint();
- };
- var thumBC=this.eleMaps['sidebar-thumbnails-container'];
- var scrolled=this.isHorizontal ? thumBC.scrollLeft : thumBC.scrollTop;
- var thumBCClient=this.isHorizontal ? thumBC.clientWidth : thumBC.clientHeight;
- var loadDis=scrolled - this.sideLengthO;
- var loadIndex=Math.floor(scrolled/this.sideLengthO);//至少从第几张开始读取。
- var loadStopDis=scrolled + thumBCClient;
- var imgSpans=this.imgSpans;
- var span_i;
- var pro=this.isHorizontal ? 'offsetLeft' : 'offsetTop';
- var proValue;
- var thumb;
- for(var i=loadIndex,ii=imgSpans.length;i<ii;i++){
- span_i=imgSpans[i];
- if(span_i.clientWidth==0)continue;//隐藏的
- proValue=span_i[pro];
- if(proValue <= loadDis)continue;//在滚动条上面了
- if(proValue >= loadStopDis)break;//在滚动条下面了
- if(span_i.dataset['loaded'])continue;//已经加载了缩略图
- thumb=new Image();
- thumb.src=span_i.dataset['imgSrc']; //+ '?' +Math.random();
- thumb.style.cssText='\
- height:100%;\
- width:100%;\
- ';
- thumb.className='pv-gallery-sidebar-thumb';
- //GM环境下的dataset可读不可写。。
- thumb.setAttribute('data-src',span_i.dataset['src']);
- span_i.setAttribute('data-loaded','true');
- span_i.appendChild(thumb);
- imgReady(thumb,{
- ready:ready,
- });
- };
- },
- addStyle:function(){
- var style=document.createElement('style');
- style.type='text/css';
- style.textContent='\
- .pv-gallery-container {\
- position: fixed;\
- top: 0;\
- left: 0;\
- width: 100%;\
- height: 100%;\
- padding: 0;\
- margin: 0;\
- border: none;\
- z-index:899999999;\
- background-color: transparent;\
- }\
- .pv-gallery-container span{\
- -moz-box-sizing: border-box;\
- box-sizing: border-box;\
- }\
- .pv-gallery-head {\
- position: absolute;\
- top: 0;\
- left: 0;\
- width: 100%;\
- height:26px;\
- z-index:1;\
- background-color:rgba(0,0,0,0.96);\
- border:none;\
- border-bottom:1px solid #333333;\
- }\
- .pv-gallery-operate,\
- .pv-gallery-commands,\
- .pv-gallery-share{\
- color:#ccc;\
- display:none;\
- }\
- .pv-gallery-close{\
- cursor:pointer;\
- position:absolute;\
- top:0;\
- right:0;\
- height:100%;\
- width:40px;\
- border:none;\
- border-left: 1px solid #333333;\
- opacity:0.6;\
- background:transparent no-repeat center;\
- background-image:url("'+prefs.icons.loadingCancle+'");\
- }\
- .pv-gallery-close:hover{\
- opacity:1;\
- }\
- .pv-gallery-body {\
- display: block;\
- height: 100%;\
- width: 100%;\
- margin: 0;\
- padding: 0;\
- border: none;\
- border-top: 26px solid transparent;\
- position: relative;\
- background-clip: padding-box;\
- }\
- .pv-gallery-img-container {\
- display: block;\
- padding: 0;\
- margin: 0;\
- border: none;\
- height: 100%;\
- width: 100%;\
- background-clip: padding-box;\
- background-color: rgba(20,20,20,0.96);\
- position:relative;\
- }\
- .pv-gallery-img-container-top {\
- border-top: '+ prefs.gallery.sidebarSize +'px solid transparent;\
- }\
- .pv-gallery-img-container-right {\
- border-right: '+ prefs.gallery.sidebarSize +'px solid transparent;\
- }\
- .pv-gallery-img-container-bottom {\
- border-bottom: '+ prefs.gallery.sidebarSize +'px solid transparent;\
- }\
- .pv-gallery-img-container-left {\
- border-left: '+ prefs.gallery.sidebarSize +'px solid transparent;\
- }\
- .pv-gallery-img-container-left-side,\
- .pv-gallery-img-container-right-side{\
- position:absolute;\
- height:100%;\
- top:0;\
- z-index:2;\
- }\
- .pv-gallery-img-container-left-side{\
- left:0;\
- }\
- .pv-gallery-img-container-right-side{\
- right:0;\
- }\
- .pv-gallery-img-container-bottom-side{\
- position:absolute;\
- width:100%;\
- left:0;\
- bottom:0;\
- z-index:2;\
- }\
- .pv-gallery-img-controler-pre,\
- .pv-gallery-img-controler-next{\
- position:absolute;\
- top:50%;\
- height:120px;\
- width:50px;\
- margin-top:-60px;\
- cursor:pointer;\
- opacity:0.3;\
- }\
- .pv-gallery-img-controler-pre{\
- background:rgba(70,70,70,0.5) url("'+prefs.icons.arrowLeft+'") no-repeat center;\
- left:10px;\
- }\
- .pv-gallery-img-controler-next{\
- background:rgba(70,70,70,0.5) url("'+prefs.icons.arrowRight+'") no-repeat center;\
- right:10px;\
- }\
- .pv-gallery-img-controler-pre:hover,\
- .pv-gallery-img-controler-next:hover{\
- opacity:0.8;\
- }\
- /*滚动条样式--开始*/\
- .pv-gallery-scrollbar-h,\
- .pv-gallery-scrollbar-v{\
- display:none;\
- position:relative;\
- z-index:1;\
- opacity:0.6;\
- }\
- .pv-gallery-thumb-scrollbar-v,\
- .pv-gallery-thumb-scrollbar-h{\
- position:absolute;\
- }\
- .pv-gallery-scrollbar-h:hover,\
- .pv-gallery-scrollbar-v:hover{\
- opacity:0.95;\
- }\
- .pv-gallery-scrollbar-h{\
- width:100%;\
- overflow:hidden;\
- padding:0;\
- padding-left:2px;\
- padding-right:16px;\
- }\
- .pv-gallery-scrollbar-v{\
- height:100%;\
- padding:0;\
- padding-top:2px;\
- padding-bottom:16px;\
- }\
- .pv-gallery-thumb-scrollbar-h{\
- bottom:0;\
- left:0;\
- padding:0 2px;\
- }\
- .pv-gallery-thumb-scrollbar-v{\
- right:0;\
- top:0;\
- padding:2px 0;\
- }\
- .pv-gallery-scrollbar-h-track,\
- .pv-gallery-scrollbar-v-track{\
- position:relative;\
- display:block;\
- background-color:rgba(100,100,100,1);\
- }\
- .pv-gallery-scrollbar-h-track{\
- margin:5px 0;\
- height:10px;\
- width:100%;\
- }\
- .pv-gallery-scrollbar-h:hover .pv-gallery-scrollbar-h-track{\
- height:16px;\
- }\
- .pv-gallery-scrollbar-v-track{\
- height:100%;\
- width:10px;\
- margin:0 5px;\
- }\
- .pv-gallery-scrollbar-v:hover .pv-gallery-scrollbar-v-track{\
- width:16px;\
- }\
- .pv-gallery-scrollbar-h-handle,\
- .pv-gallery-scrollbar-v-handle{\
- position:absolute;\
- background-color:black;\
- }\
- .pv-gallery-scrollbar-h-handle:hover,\
- .pv-gallery-scrollbar-v-handle:hover{\
- background-color:#502121;\
- }\
- .pv-gallery-scrollbar-h-handle:active,\
- .pv-gallery-scrollbar-v-handle:active{\
- background-color:#391A1A;\
- }\
- .pv-gallery-scrollbar-h-handle{\
- height:100%;\
- width:20px;\
- left:10px;\
- top:0;\
- }\
- .pv-gallery-scrollbar-v-handle{\
- height:20px;\
- width:100%;\
- top:10px;\
- left:0;\
- }\
- /*滚动条样式--结束*/\
- .pv-gallery-img-content{\
- display:block;\
- width:100%;\
- height:100%;\
- overflow:hidden;\
- text-align:center;\
- padding:0;\
- border:none;\
- margin:0;\
- line-height:0;\
- font-size:0;\
- white-space:nowrap;\
- }\
- .pv-gallery-img-parent{\
- display:inline-block;\
- vertical-align:middle;\
- padding:10px;\
- border:none;\
- margin:0;\
- line-height:0;\
- font-size:0;\
- }\
- .pv-gallery-img{\
- box-shadow:0 0 10px rgba(0,0,0,0.6);\
- display:inline-block;\
- vertical-align:middle;\
- padding:0;\
- border:none;\
- margin:0;\
- }\
- .pv-gallery-img_zoom-out{\
- cursor:'+support.cssCursorValue.zoomOut+';\
- }\
- .pv-gallery-img_zoom-in{\
- cursor:'+support.cssCursorValue.zoomIn+';\
- }\
- .pv-gallery-sidebar-container {\
- position: absolute;\
- background-color:rgba(0,0,0,0.96);\
- padding:10px;\
- border:none;\
- margin:none;\
- -o-user-select: none;\
- -webkit-user-select: none;\
- -moz-user-select: -moz-none;\
- user-select: none;\
- }\
- .pv-gallery-sidebar-container-h {\
- height: '+ prefs.gallery.sidebarSize +'px;\
- width: 100%;\
- }\
- .pv-gallery-sidebar-container-v {\
- width: '+ prefs.gallery.sidebarSize +'px;\
- height: 100%;\
- }\
- .pv-gallery-sidebar-container-top {\
- top: 0;\
- left: 0;\
- border-bottom:1px solid #333333;\
- }\
- .pv-gallery-sidebar-container-right {\
- top: 0;\
- right: 0;\
- border-left:1px solid #333333;\
- }\
- .pv-gallery-sidebar-container-bottom {\
- bottom: 0;\
- left: 0;\
- border-top:1px solid #333333;\
- }\
- .pv-gallery-sidebar-container-left {\
- top: 0;\
- left: 0;\
- border-right:1px solid #333333;\
- }\
- .pv-gallery-sidebar-content {\
- display: block;\
- margin: 0;\
- padding: 0;\
- border: 0;\
- background-clip: padding-box;\
- position: relative;\
- }\
- .pv-gallery-sidebar-content-h {\
- height: 100%;\
- width: 90%;\
- margin-left: auto;\
- margin-right: auto;\
- border-left: 40px solid transparent;\
- border-right: 40px solid transparent;\
- }\
- .pv-gallery-sidebar-content-v {\
- height: 90%;\
- width: 100%;\
- top: 5%;\
- border-top: 40px solid transparent;\
- border-bottom: 40px solid transparent;\
- }\
- .pv-gallery-sidebar-controler-pre,\
- .pv-gallery-sidebar-controler-next{\
- cursor:pointer;\
- position:absolute;\
- background:rgba(255,255,255,0.1) no-repeat center;\
- }\
- .pv-gallery-sidebar-controler-pre-h,\
- .pv-gallery-sidebar-controler-next-h{\
- top:2px;\
- width:36px;\
- height:100%;\
- }\
- .pv-gallery-sidebar-controler-pre-v,\
- .pv-gallery-sidebar-controler-next-v{\
- left:2px;\
- width:100%;\
- height:36px;\
- }\
- .pv-gallery-sidebar-controler-pre-h {\
- left: -40px;\
- background-image: url("'+prefs.icons.arrowLeft+'");\
- }\
- .pv-gallery-sidebar-controler-next-h {\
- right: -40px;\
- background-image: url("'+prefs.icons.arrowRight+'");\
- }\
- .pv-gallery-sidebar-controler-pre-h:hover{\
- box-shadow:inset 22px 0 0 rgba(255,255,255,0.2) ,inset -14px 0 0 rgba(0,0,0,0.2);\
- }\
- .pv-gallery-sidebar-controler-next-h:hover{\
- box-shadow:inset -22px 0 0 rgba(255,255,255,0.2),inset 14px 0 0 rgba(0,0,0,0.2);\
- }\
- .pv-gallery-sidebar-controler-pre-v {\
- top: -40px;\
- background-image: url("'+prefs.icons.arrowTop+'");\
- }\
- .pv-gallery-sidebar-controler-next-v {\
- bottom: -40px;\
- background-image: url("'+prefs.icons.arrowBottom+'");\
- }\
- .pv-gallery-sidebar-controler-pre-v:hover{\
- box-shadow:inset 0 22px 0 rgba(255,255,255,0.2) ,inset 0 -14px 0 rgba(0,0,0,0.2);\
- }\
- .pv-gallery-sidebar-controler-next-v:hover{\
- box-shadow:inset 0 -22px 0 rgba(255,255,255,0.2),inset 0 14px 0 rgba(0,0,0,0.2);\
- }\
- .pv-gallery-sidebar-thumbnails-container {\
- display: block;\
- overflow: hidden;\
- height: 100%;\
- width: 100%;\
- margin:0;\
- border:none;\
- padding:0;\
- }\
- .pv-gallery-sidebar-thumbnails-container-top {\
- padding-bottom:5px;\
- }\
- .pv-gallery-sidebar-thumbnails-container-right {\
- padding-left:5px;\
- }\
- .pv-gallery-sidebar-thumbnails-container-bottom {\
- padding-top:5px;\
- }\
- .pv-gallery-sidebar-thumbnails-container-left {\
- padding-right:5px;\
- }\
- .pv-gallery-sidebar-thumbnails {\
- position:relative;\
- display: block;\
- padding: 0;\
- margin: 0;\
- border: none;\
- line-height:0;/*竖列时消除inline-block元素的行高*/\
- }\
- .pv-gallery-sidebar-thumbnails-h {\
- height: 100%;\
- }\
- .pv-gallery-sidebar-thumbnails-v {\
- width: 100%;\
- }\
- .pv-gallery-sidebar-thumb-container {\
- display:inline-block;\
- text-align: center;\
- border:2px solid rgb(52,52,52);\
- cursor:pointer;\
- position:relative;\
- padding:2px;\
- font-size:0;\
- line-height:0;\
- /*强制图片后面作为vertical-align参考的字符不换行，以防vertical-align:middle达不到预期效果*/\
- white-space:nowrap;\
- }\
- .pv-gallery-sidebar-container-h .pv-gallery-sidebar-thumb-container {\
- margin:0 3px 0 0;\
- height:100%;\
- }\
- .pv-gallery-sidebar-container-v .pv-gallery-sidebar-thumb-container {\
- margin:0 0 3px 0;\
- width:100%;\
- }\
- .pv-gallery-sidebar-thumb-container:hover {\
- border:2px solid rgb(57,149,211);\
- }\
- .pv-gallery-sidebar-thumb_selected {\
- border:2px solid rgb(229,59,62);\
- }\
- .pv-gallery-sidebar-thumb_selected-top {\
- bottom:-5px;\
- }\
- .pv-gallery-sidebar-thumb_selected-right {\
- left:-5px;\
- }\
- .pv-gallery-sidebar-thumb_selected-bottom {\
- top:-5px;\
- }\
- .pv-gallery-sidebar-thumb_selected-left {\
- right:-5px;\
- }\
- .pv-gallery-sidebar-thumb-loading{\
- position:absolute;\
- top:0;\
- left:0;\
- width:100%;\
- height:100%;\
- display:none;\
- opacity:0.5;\
- background:black url("'+ prefs.icons.loading + '") no-repeat center ;\
- }\
- .pv-gallery-sidebar-thumb-loading:hover{\
- opacity:0.6;\
- }\
- .pv-gallery-sidebar-thumb {\
- display: inline-block;\
- vertical-align: middle;\
- }\
- .pv-gallery-vertical-align-helper{\
- display:inline-block;\
- vertical-align:middle;\
- width:0;\
- height:100%;\
- margin:0;\
- border:0;\
- padding:0;\
- visibility:hidden;\
- white-space:nowrap;\
- }\
- ';
- document.querySelector('head').appendChild(style);
- },
- };
- GalleryC.prototype.Preload.prototype={//预读对象
- container:(function(){
- var div=document.createElement('div');
- div.className='pv-gallery-preloaded-img-container';
- div.style.display='none';
- document.body.appendChild(div);
- return div;
- })(),
- init:function(){
- this.max=prefs.gallery.max;
- this.nextNumber=0;
- this.nextEle=this.ele;
- this.preNumber=0;
- this.preEle=this.ele;
- this.direction='pre';
- this.preload();
- },
- preload:function(){
- var ele=this.getPreloadEle();
- if(!ele){
- //conole.log('预读正常结束');
- return;
- };
- //conole.log('正在预读：',ele);
- var self=this;
- this.imgReady=imgReady(ele.dataset['src'],{
- loadEnd:function(){
- if(self.finished){
- //conole.log('强制终止了');
- return;
- };
- ele.setAttribute('data-preloaded','true');
- self.container.appendChild(this);
- self.preload();
- },
- time:60 * 1000,//限时一分钟，否则强制结束并开始预读下一张。
- });
- },
- getPreloadEle:function(){
- if((this.max<=this.nextNumber && this.max<=this.preNumber) || (!this.nextEle && !this.preEle)){
- return;
- };
- var ele=this.direction=='pre'? this.getNext() : this.getPrevious();
- if(ele && !ele.dataset['preloaded']){
- return ele;
- }else{
- return this.getPreloadEle();
- };
- },
- getNext:function(){
- this.nextNumber++;
- this.direction='next';
- if(!this.nextEle)return;
- var next;
- var _next=this.nextEle.nextElementSibling;
- while(_next){
- if(_next.clientWidth!=0){
- next=_next;
- break;
- };
- _next=_next.nextElementSibling;
- };
- this.nextEle=next;
- return next;
- },
- getPrevious:function(){
- this.preNumber++;
- this.direction='pre';
- if(!this.preEle)return;
- var pre;
- var _pre=this.preEle.previousElementSibling;
- while(_pre){
- if(_pre.clientWidth!=0){
- pre=_pre;
- break;
- };
- _pre=_pre.previousElementSibling;
- };
- this.preEle=pre;
- return pre;
- },
- finish:function(){
- this.finished=true;
- if(this.imgReady){
- this.imgReady.abort();
- };
- },
- };
- GalleryC.prototype.Scrollbar.prototype={//滚动条对象
- init:function(){
- var self=this;
- this.scrollbar.bar.addEventListener('mousedown',function(e){//点击滚动条区域，该干点什么！
- e.preventDefault();
- var target=e.target;
- var handle=self.scrollbar.handle;
- var track=self.scrollbar.track;
- switch(target){
- case handle:{//手柄；功能，拖动手柄来滚动窗口
- var pro=self.isHorizontal ? ['left','clientX'] : ['top','clientY'];
- var oHOffset=parseFloat(handle.style[pro[0]]);
- var oClient=e[pro[1]];
- var moveHandler=function(e){
- self.scroll(oHOffset + e[pro[1]] - oClient,true);
- };
- var upHandler=function(){
- document.removeEventListener('mousemove',moveHandler,true);
- document.removeEventListener('mouseup',upHandler,true);
- };
- document.addEventListener('mousemove',moveHandler,true);
- document.addEventListener('mouseup',upHandler,true);
- }break;
- case track:{//轨道；功能，按住不放来连续滚动一个页面的距离
- var pro=self.isHorizontal ? ['left','offsetX','layerX','clientWidth','offsetWidth'] : ['top' , 'offsetY' ,'layerY','clientHeight','offsetHeight'];
- var clickOffset=typeof e[pro[1]]=='undefined' ? e[pro[2]] : e[pro[1]];
- var handleOffset=parseFloat(handle.style[pro[0]]);
- var handleSize=handle[pro[4]];
- var under= clickOffset > handleOffset ;//点击在滚动手柄的下方
- var containerSize=self.container[pro[3]];
- var scroll=function(){
- self.scrollBy(under? (containerSize - 10) : (-containerSize + 10));//滚动一个页面距离少一点
- };
- scroll();
- var checkStop=function(){//当手柄到达点击位置时停止
- var handleOffset=parseFloat(handle.style[pro[0]]);
- if(clickOffset >= handleOffset && clickOffset <= (handleOffset + handleSize)){
- clearInterval(scrollInterval);
- };
- };
- var scrollInterval=setInterval(function(){
- scroll();
- checkStop();
- },300);
- checkStop();
- var upHandler=function(){
- clearInterval(scrollInterval);
- document.removeEventListener('mouseup',upHandler,true);
- };
- document.addEventListener('mouseup',upHandler,true);
- }break;
- };
- },true);
- },
- reset:function(){//判断滚动条该显示还是隐藏
- var contentPro,containerPro,trackPro,handlePro;
- if(this.isHorizontal){
- contentPro='offsetWidth';
- containerPro='clientWidth';
- handlePro='width';
- trackPro='clientWidth';
- }else{
- contentPro='offsetHeight';
- containerPro='clientHeight';
- handlePro='height';
- trackPro='clientHeight';
- };
- //如果内容大于容器的content区域
- var contentSize=this.content[contentPro];
- var containerSize=this.container[containerPro];
- if(contentSize > containerSize){
- this.show();
- var trackSize=this.scrollbar.track[trackPro];
- this.trackSize=trackSize;
- var handleSize=Math.floor((containerSize/contentSize) * trackSize);
- handleSize=Math.max(20,handleSize);//限制手柄的最小大小;
- this.handleSize=handleSize;
- this.one=(trackSize-handleSize) / (contentSize-containerSize);//一个像素对应的滚动条长度
- this.scrollbar.handle.style[handlePro]= handleSize + 'px';
- this.scroll(this.getScrolled());
- }else{
- this.hide();
- };
- },
- show:function(){
- this.scrollbar.bar.style.display='block';
- this.shown=true;
- },
- hide:function(){
- this.scrollbar.bar.style.display='none';
- this.shown=false;
- },
- scrollBy:function(distance,handleDistance){
- this.scroll(this.getScrolled() + (handleDistance? distance / this.one : distance));
- },
- scroll:function(distance,handleDistance){
- if(!this.shown)return;
- var pro;
- //滚动实际滚动条
- var _distance=distance;
- _distance=handleDistance? distance / this.one : distance;
- if(this.isHorizontal){
- pro='left';
- this.container.scrollLeft=_distance;
- }else{
- pro='top';
- this.container.scrollTop=_distance;
- };
- //滚动虚拟滚动条
- //根据比例转换为滚动条上应该滚动的距离。
- distance=handleDistance? distance : this.one * distance;
- //处理非法值
- distance=Math.max(0,distance);//如果值小于0那么取0
- distance=Math.min(distance,this.trackSize - this.handleSize);//大于极限值，取极限值
- this.scrollbar.handle.style[pro]=distance + 'px';
- },
- getScrolled:function(){
- if(this.isHorizontal){
- return this.container.scrollLeft;
- }else{
- return this.container.scrollTop;
- };
- },
- };
- //放大镜
- function MagnifierC(img,data){
- this.img=img;
- this.data=data;
- this.init();
- };
- MagnifierC.all=[];
- MagnifierC.styleZIndex=900000000;//全局z-index;
- MagnifierC.zoomRange=prefs.magnifier.wheelZoom.range.slice(0).sort();//升序
- MagnifierC.zoomRangeR=MagnifierC.zoomRange.slice(0).reverse();//降序
- MagnifierC.prototype={
- init:function(){
- this.addStyle();
- MagnifierC.all.push(this);
- var container=document.createElement('span');
- container.className='pv-magnifier-container';
- document.body.appendChild(container);
- this.magnifier=container;
- var imgNaturalSize={
- h:this.img.naturalHeight,
- w:this.img.naturalWidth,
- };
- this.imgNaturalSize=imgNaturalSize;
- var cs=container.style;
- cs.zIndex=MagnifierC.styleZIndex++;
- var maxDia=Math.ceil(Math.sqrt(Math.pow(1/2*imgNaturalSize.w,2) + Math.pow(1/2*imgNaturalSize.h,2)) * 2);
- this.maxDia=maxDia;
- var radius=prefs.magnifier.radius;
- radius=Math.min(maxDia/2,radius);
- this.radius=radius;
- var diameter=radius * 2;
- this.diameter=diameter;
- cs.width=diameter + 'px';
- cs.height=diameter + 'px';
- cs.borderRadius=radius+1 + 'px';
- cs.backgroundImage='url("'+ this.img.src +'")';
- cs.marginLeft= -radius +'px';
- cs.marginTop= -radius +'px';
- var imgPos=getTargetPosition(this.data.img);
- var imgRange={//图片所在范围
- x:[imgPos.left , imgPos.right],
- y:[imgPos.top , imgPos.bottom],
- };
- var imgW=imgRange.x[1] - imgRange.x[0];
- var imgH=imgRange.y[1] - imgRange.y[0];
- //如果图片太小的话，进行范围扩大。
- var minSize=60;
- if(imgW < minSize){
- imgRange.x[1] +=(minSize - imgW)/2;
- imgRange.x[0] -=(minSize - imgW)/2;
- imgW=minSize;
- };
- if(imgH < minSize){
- imgRange.y[1] +=(minSize - imgH)/2;
- imgRange.y[0] -=(minSize - imgH)/2;
- imgH=minSize;
- };
- this.imgSize={
- w:imgW,
- h:imgH,
- };
- this.imgRange=imgRange;
- //console.log(this.imgRange,this.imgSize);
- this.setMouseRange();
- this.move({
- pageX:imgRange.x[0],
- pageY:imgRange.y[0],
- });
- this._focus=this.focus.bind(this);
- this._blur=this.blur.bind(this);
- this._move=this.move.bind(this);
- this._remove=this.remove.bind(this);
- this._pause=this.pause.bind(this);
- this._zoom=this.zoom.bind(this);
- if(prefs.magnifier.wheelZoom.enabled){
- this.zoomLevel=1;
- this.defaultDia=diameter;
- addWheelEvent(container,this._zoom,false);
- };
- container.addEventListener('mouseover',this._focus,false);
- container.addEventListener('mouseout',this._blur,false);
- container.addEventListener('dblclick',this._remove,false);
- container.addEventListener('click',this._pause,false);
- document.addEventListener('mousemove',this._move,true);
- },
- addStyle:function(){
- if(MagnifierC.style)return;
- var style=document.createElement('style');
- style.type='text/css';
- MagnifierC.style=style;
- style.textContent='\
- .pv-magnifier-container{\
- position:absolute;\
- padding:0;\
- margin:0;\
- background-origin:border-box;\
- -moz-box-sizing:border-box;\
- box-sizing:border-box;\
- border:3px solid #CCCCCC;\
- background:rgba(40, 40, 40, 0.9) no-repeat;\
- }\
- .pv-magnifier-container_focus{\
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.7);\
- }\
- .pv-magnifier-container_pause{\
- border-color:red;\
- }\
- ';
- document.querySelector('head').appendChild(style);
- },
- focus:function(){
- this.magnifier.classList.add('pv-magnifier-container_focus');
- this.magnifier.style.zIndex=MagnifierC.styleZIndex++;
- },
- blur:function(){
- this.magnifier.classList.remove('pv-magnifier-container_focus');
- },
- move:function(e){
- var mouseCoor={
- x:e.pageX,
- y:e.pageY,
- };
- var mouseRange=this.mouseRange;
- var imgRange=this.imgRange;
- if( !(mouseCoor.x >= mouseRange.x[0] && mouseCoor.x <= mouseRange.x[1] && mouseCoor.y >= mouseRange.y[0] && mouseCoor.y <= mouseRange.y[1]))return;//如果不再鼠标范围
- if(mouseCoor.x > imgRange.x[1]){
- mouseCoor.x = imgRange.x[1];
- }else if(mouseCoor.x < imgRange.x[0]){
- mouseCoor.x = imgRange.x[0];
- };
- if(mouseCoor.y > imgRange.y[1]){
- mouseCoor.y = imgRange.y[1];
- }else if(mouseCoor.y < imgRange.y[0]){
- mouseCoor.y = imgRange.y[0];
- };
- var ms=this.magnifier.style;
- ms.top= mouseCoor.y + 'px';
- ms.left= mouseCoor.x + 'px';
- var radius=this.radius;
- var imgSize=this.imgSize;
- var imgNaturalSize=this.imgNaturalSize;
- var px=-((mouseCoor.x-imgRange.x[0])/imgSize.w * imgNaturalSize.w) + radius +'px';
- var py=-((mouseCoor.y-imgRange.y[0])/imgSize.h * imgNaturalSize.h) + radius +'px';
- //console.log(px,py);
- ms.backgroundPosition=px + ' ' + py;
- },
- getNextZoomLevel:function(){
- var level;
- var self=this;
- if(this.zoomOut){//缩小
- MagnifierC.zoomRangeR._find(function(value){
- if(value < self.zoomLevel){
- level=value;
- return true;
- }
- })
- }else{
- MagnifierC.zoomRange._find(function(value){
- if(value > self.zoomLevel){
- level=value;
- return true;
- };
- });
- }
- return level;
- },
- zoom:function(e){
- if(e.deltaY===0)return;//非Y轴的滚动
- if(prefs.magnifier.wheelZoom.pauseFirst && !this.paused)return;
- e.preventDefault();
- if(e.deltaY < 0){//向上滚，放大；
- if(this.diameter >= this.maxDia)return;
- this.zoomOut=false;
- }else{
- this.zoomOut=true;
- };
- var level=this.getNextZoomLevel();
- if(!level)return;
- this.zoomLevel=level;
- var diameter=this.defaultDia * level;
- if(diameter > this.maxDia){
- diameter = this.maxDia;
- };
- var radius=diameter/2
- this.diameter=diameter;
- var bRadius=this.radius;
- this.radius=radius;
- this.setMouseRange();
- var ms=this.magnifier.style;
- ms.width=diameter+'px';
- ms.height=diameter+'px';
- ms.borderRadius=radius+1 + 'px';
- ms.marginLeft=-radius+'px';
- ms.marginTop=-radius+'px';
- var bBP=ms.backgroundPosition.split(' ');
- ms.backgroundPosition=parseFloat(bBP[0]) + (radius - bRadius) + 'px' + ' ' + (parseFloat(bBP[1]) + ( radius - bRadius) + 'px');
- },
- pause:function(){
- if(this.paused){
- this.magnifier.classList.remove('pv-magnifier-container_pause');
- document.addEventListener('mousemove',this._move,true);
- }else{
- this.magnifier.classList.add('pv-magnifier-container_pause');
- document.removeEventListener('mousemove',this._move,true);
- };
- this.paused=!this.paused;
- },
- setMouseRange:function(){
- var imgRange=this.imgRange;
- var radius=this.radius;
- this.mouseRange={//鼠标活动范围
- x:[imgRange.x[0]-radius , imgRange.x[1] + radius],
- y:[imgRange.y[0]-radius , imgRange.y[1] + radius],
- };
- },
- remove:function(){
- this.magnifier.parentNode.removeChild(this.magnifier);
- document.removeEventListener('mousemove',this._move,true);
- MagnifierC.all.splice(MagnifierC.all.indexOf(this),1);
- },
- };
- //图片窗口
- function ImgWindowC(img){
- this.img=img;
- this.src=img.src;
- this.init();
- };
- ImgWindowC.styleZIndex=1000000000;//全局z-index;
- ImgWindowC.all=[];//所有的窗口对象
- ImgWindowC.zoomRange=prefs.imgWindow.zoom.range.slice(0).sort();//升序
- ImgWindowC.zoomRangeR=ImgWindowC.zoomRange.slice(0).reverse();//降序
- ImgWindowC.prototype={
- init:function(){
- var self=this;
- //图片是否已经被打开
- if(ImgWindowC.all._find(function(iwin){
- if(iwin.src==self.src){
- iwin.firstOpen();
- return true;
- };
- }))return;
- this.addStyle();
- this.addRotateIndicator();
- var img=this.img;
- img.className='pv-pic-window-pic pv-pic-not-allowed';
- img.style.cssText='\
- top:0px;\
- left:0px;\
- ';
- var imgNaturalSize={
- h:img.naturalHeight,
- w:img.naturalWidth,
- };
- this.imgNaturalSize=imgNaturalSize;
- var container=document.createElement('span');
- container.style.cssText='\
- cursor:pointer;\
- top:0px;\
- left:0px;\
- ';
- container.className='pv-pic-window-container';
- container.innerHTML=''+
- '<span class="pv-pic-window-toolbar">'+
- '<span class="pv-pic-window-tb-hand pv-pic-window-tb-tool pv-pic-window-tb-tool-selected" title="Hand Tool"></span>'+
- '<span class="pv-pic-window-tb-tool-badge-container">'+
- '<span class="pv-pic-window-tb-rotate pv-pic-window-tb-tool" title="Rotate | Rotar"></span>'+
- '<span class="pv-pic-window-tb-tool-badge">0</span>'+
- '</span>'+
- '<span class="pv-pic-window-tb-tool-badge-container">'+
- '<span class="pv-pic-window-tb-zoom pv-pic-window-tb-tool" title="Zoom"></span>'+
- '<span class="pv-pic-window-tb-tool-badge">0</span>'+
- '</span>'+
- '<span class="pv-pic-window-tb-flip-horizontal pv-pic-window-tb-command" title="Giro HORIZONTAL Flip"></span>'+
- '<span class="pv-pic-window-tb-flip-vertical pv-pic-window-tb-command" title="Giro VERTICAL Flip"></span>'+
- '</span>'+
- '<span class="pv-pic-window-close"></span>'+
- '<span class="pv-pic-window-range"></span>';
- container.insertBefore(img,container.firstChild);
- this.imgWindow=container;
- var toolMap={
- 'hand':container.querySelector('.pv-pic-window-tb-hand'),
- 'rotate':container.querySelector('.pv-pic-window-tb-rotate'),
- 'zoom':container.querySelector('.pv-pic-window-tb-zoom'),
- 'fh':container.querySelector('.pv-pic-window-tb-flip-horizontal'),
- 'fv':container.querySelector('.pv-pic-window-tb-flip-vertical'),
- };
- this.toolMap=toolMap;
- this.viewRange=container.querySelector('.pv-pic-window-range');
- //关闭
- var closeButton=container.querySelector('.pv-pic-window-close');
- closeButton.style.cssText='\
- top: -24px;\
- right: 0px;\
- ';
- this.closeButton=closeButton;
- closeButton.addEventListener('click',function(e){
- self.remove();
- },false);
- var toolbar=container.querySelector('.pv-pic-window-toolbar');
- toolbar.style.cssText='\
- top: 0px;\
- left: -45px;\
- ';
- this.toolbar=toolbar;
- this.selectedTool='hand';
- this.cursor='hand';
- this.selectedToolClass='pv-pic-window-tb-tool-selected';
- this.hKeyUp=true;
- this.rKeyUp=true;
- this.zKeyUp=true;
- this.spaceKeyUp=true;
- this.ctrlKeyUp=true;
- this.altKeyUp=true;
- this.shiftKeyUp=true;
- toolbar.addEventListener('mousedown',function(e){//鼠标按下选择工具
- self.toolbarEventHandler(e);
- },false);
- toolbar.addEventListener('dblclick',function(e){//鼠标双击工具
- self.toolbarEventHandler(e);
- },false);
- //阻止浏览器对图片的默认控制行为
- img.addEventListener('mousedown',function(e){
- e.preventDefault();
- },false);
- container.addEventListener('mousedown',function(e){//当按下的时，执行平移，缩放，旋转操作
- self.imgWindowEventHandler(e);
- },false);
- container.addEventListener('click',function(e){//阻止opera ctrl+点击保存图片
- self.imgWindowEventHandler(e);
- },false);
- if(prefs.imgWindow.zoom.mouseWheelZoom){//是否使用鼠标缩放
- addWheelEvent(container,function(e){//滚轮缩放
- self.imgWindowEventHandler(e);
- },false);
- };
- if(prefs.imgWindow.overlayer.shown){//是否显示覆盖层
- var overlayer=document.createElement('span');
- this.overlayer=overlayer;
- overlayer.className='pv-pic-window-overlayer';
- overlayer.style.backgroundColor=prefs.imgWindow.overlayer.color;
- document.body.appendChild(overlayer);
- if(prefs.imgWindow.overlayer.clickToClose[0]){
- overlayer.addEventListener(prefs.imgWindow.overlayer.clickToClose[1],function(e){
- self.remove();
- },false);
- }
- };
- document.body.appendChild(container);
- ImgWindowC.all.push(this);
- this._blur=this.blur.bind(this);
- this._focusedKeydown=this.focusedKeydown.bind(this);
- this._focusedKeyup=this.focusedKeyup.bind(this);
- this.rotatedRadians=0;//已经旋转的角度
- this.zoomLevel=1;//缩放级别
- this.setToolBadge('zoom',1);
- //选中默认工具
- this.selectTool(prefs.imgWindow.defaultTool);
- this.firstOpen();
- },
- firstOpen:function(){
- this.focus();
- var imgWindow=this.imgWindow;
- imgWindow.style.left=-5 + window.scrollX + 'px';
- imgWindow.style.top=-5 + window.scrollY + 'px';
- if(prefs.imgWindow.fitToScreen){
- this.fitToScreen();
- this.center(true,true);
- }else{
- //window的尺寸
- var wSize=getWindowSize();
- //空隙
- wSize.h -= 16;
- wSize.w -= 16;
- var imgWindowCS=getComputedStyle(imgWindow,'');
- var rectSize={
- h:parseFloat(imgWindowCS.height),
- w:parseFloat(imgWindowCS.width),
- };
- this.center(rectSize.w <= wSize.w , rectSize.h <= wSize.h);
- };
- this.keepScreenInside();
- },
- addStyle:function(){
- if(ImgWindowC.style)return;
- var style=document.createElement('style');
- ImgWindowC.style=style;
- style.textContent='\
- .pv-pic-window-container {\
- position: absolute;\
- background-color: rgba(40,40,40,0.9);\
- padding: 8px;\
- border: 5px solid #ccc;\
- line-height: 0;\
- text-align: left;\
- }\
- .pv-pic-window-container_focus {\
- box-shadow: 0 0 10px rgba(0,0,0,0.6);\
- }\
- .pv-pic-window-close, .pv-pic-window-toolbar {\
- -webkit-transition: opacity 0.2s ease-in-out;\
- transition: opacity 0.2s ease-in-out;\
- }\
- .pv-pic-window-toolbar {\
- position: absolute;\
- background-color: #535353;\
- padding: 0;\
- opacity: 0.9;\
- display: none;\
- cursor: default;\
- }\
- .pv-pic-window-toolbar:hover {\
- opacity: 1;\
- }\
- .pv-pic-window-toolbar_focus {\
- display: block;\
- }\
- .pv-pic-window-close {\
- cursor: pointer;\
- position: absolute;\
- right: 0px;\
- top: -24px;\
- background: url("'+prefs.icons.close+'") no-repeat center bottom;\
- height: 17px;\
- width: 46px;\
- opacity: 0.9;\
- border:none;\
- padding:0;\
- padding-top:2px;\
- background-color:#1771FF;\
- display: none;\
- }\
- .pv-pic-window-close:hover {\
- background-color:red;\
- opacity: 1;\
- }\
- .pv-pic-window-close_focus {\
- display: block;\
- }\
- .pv-pic-window-pic {\
- position: relative;\
- display:inline-block;\/*opera把图片设置display:block会出现渲染问题，会有残影，还会引发其他各种问题，吓尿*/\
- max-width:none;\
- min-width:none;\
- max-height:none;\
- min-height:none;\
- padding:0;\
- margin:0;\
- }\
- .pv-pic-window-pic_focus {\
- box-shadow: 0 0 6px black;\
- }\
- .pv-pic-window-tb-tool, .pv-pic-window-tb-command{\
- height: 24px;\
- width: 24px;\
- padding: 12px 8px 6px 6px;\
- margin:0;\
- display: block;\
- background: transparent no-repeat center;\
- cursor: pointer;\
- position: relative;\
- border: none;\
- border-left: 2px solid transparent;\
- border-bottom: 1px solid #868686;\
- background-origin: content-box;\
- }\
- .pv-pic-window-toolbar > span:last-child {\
- border-bottom: none;\
- }\
- .pv-pic-window-tb-tool:hover, .pv-pic-window-tb-command:hover{\
- border-left: 2px solid red;\
- }\
- .pv-pic-window-tb-tool-selected{\
- box-shadow: inset 0 21px 0 rgba(255,255,255,0.3) ,inset 0 -21px 0 rgba(0,0,0,0.3);\
- border-left:2px solid #1771FF;\
- }\
- .pv-pic-window-tb-hand {\
- background-image: url("'+prefs.icons.hand+'");\
- }\
- .pv-pic-window-tb-rotate {\
- background-image: url("'+prefs.icons.rotate+'");\
- }\
- .pv-pic-window-tb-zoom {\
- background-image: url("'+prefs.icons.zoom+'");\
- }\
- .pv-pic-window-tb-flip-horizontal {\
- background-image: url("'+prefs.icons.flipHorizontal+'");\
- }\
- .pv-pic-window-tb-flip-vertical {\
- background-image: url("'+prefs.icons.flipVertical+'");\
- }\
- .pv-pic-window-tb-tool-badge-container {\
- display: block;\
- position: relative;\
- }\
- .pv-pic-window-tb-tool-badge {\
- position: absolute;\
- top: -3px;\
- right: 1px;\
- font-size: 10px;\
- line-height: 1.5;\
- padding: 0 3px;\
- background-color: #F93;\
- border-radius: 50px;\
- opacity: 0.5;\
- color: black;\
- }\
- .pv-pic-window-overlayer{\
- height:100%;\
- width:100%;\
- position:fixed;\
- z-index:999999999;\
- top:0;\
- left:0;\
- }\
- .pv-pic-window-rotate-indicator{\
- cursor: progress;\
- position:absolute;\
- z-index:1100000000;\
- width:250px;\
- height:250px;\
- padding:10px;\
- margin-top:-135px;\
- margin-left:-135px;\
- background:transparent url("'+ prefs.icons.rotateIndicatorBG +'") no-repeat center;\
- }\
- .pv-pic-window-rotate-indicator-pointer{\
- display:block;\
- margin-left:auto;\
- margin-right:auto;\
- background:transparent url("'+ prefs.icons.rotateIndicatorPointer +'") no-repeat center;\
- width:60px;\
- height:240px;\
- position:relative;\
- top:5px;\
- }\
- .pv-pic-window-range{\
- position:absolute;\
- border:none;\
- width:100px;\
- height:100px;\
- box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);\
- display:none;\
- padding:0;\
- background-color:rgba(255, 0, 0, 0.150);\
- }\
- ';
- document.querySelector('head').appendChild(style);
- },
- addRotateIndicator:function(){
- if(ImgWindowC.rotateIndicator)return;
- var rotateIndicator=document.createElement('span');
- rotateIndicator.className='pv-pic-window-rotate-indicator';
- ImgWindowC.rotateIndicator=rotateIndicator;
- rotateIndicator.style.cssText='\
- display:none;\
- ';
- var rotateIndicatorPointer=document.createElement('span');
- rotateIndicatorPointer.className='pv-pic-window-rotate-indicator-pointer';
- ImgWindowC.rotateIndicatorPointer=rotateIndicatorPointer;
- rotateIndicator.appendChild(rotateIndicatorPointer);
- document.body.appendChild(rotateIndicator);
- },
- keepScreenInside:function(){//保持按钮在屏幕里面.
- var imgWindow=this.imgWindow;
- var imgWindowFullSize={
- h:imgWindow.offsetHeight,
- w:imgWindow.offsetWidth,
- };
- var windowSize=getWindowSize();
- function keepSI(obj,offsetDirection,defaultValue){
- var objRect=obj.getBoundingClientRect();
- var objStyle=obj.style;
- while(offsetDirection.length){
- var oD=offsetDirection[0];
- var oDV=defaultValue[0];
- offsetDirection.shift();
- defaultValue.shift();
- var oValue=parseFloat(objStyle[oD]);
- var newValue;
- switch(oD){
- case 'top':{
- newValue=oValue - objRect.top;
- if(objRect.top<0){
- newValue=Math.min(newValue,imgWindowFullSize.h);
- }else{
- newValue=Math.max(newValue,oDV);
- };
- }break;
- case 'right':{
- newValue=oValue + (objRect.right - windowSize.w);
- if(objRect.right > windowSize.w){//屏幕外
- newValue=Math.min(newValue,imgWindowFullSize.w);
- }else{
- newValue=Math.max(newValue,oDV);
- };
- }break;
- case 'bottom':{
- newValue=oValue + (objRect.bottom - windowSize.h);
- if(objRect.bottom > windowSize.h){//屏幕外
- newValue=Math.min(newValue,imgWindowFullSize.h);
- }else{
- newValue=Math.max(newValue,oDV);
- };
- }break;
- case 'left':{
- newValue=oValue - objRect.left;
- if(objRect.left<0){
- newValue=Math.min(newValue,imgWindowFullSize.w);
- }else{
- newValue=Math.max(newValue,oDV);
- }
- }break;
- };
- //console.log(newValue);
- objStyle[oD]=newValue + 'px';
- };
- };
- keepSI(this.closeButton,['top','right'],[-24,0]);
- keepSI(this.toolbar,['top','left'],[0,-45]);
- },
- fitToScreen:function(){
- var wSize=getWindowSize();
- //空隙
- wSize.h -= 16;
- wSize.w -= 16;
- var imgWindow=this.imgWindow;
- var imgWindowCS=getComputedStyle(imgWindow,'');
- var rectSize={
- h:parseFloat(imgWindowCS.height),
- w:parseFloat(imgWindowCS.width),
- };
- var size;
- if(rectSize.w - wSize.w>0 || rectSize.h - wSize.h>0){//超出屏幕，那么缩小。
- if(rectSize.w/rectSize.h > wSize.w/wSize.h){
- size={
- w:wSize.w,
- h:wSize.w / (rectSize.w/rectSize.h),
- };
- }else{
- size={
- h:wSize.h,
- w:wSize.h * (rectSize.w/rectSize.h),
- }
- };
- this.zoom(this.getRotatedImgCliSize(size).w/this.imgNaturalSize.w);
- };
- },
- center:function(horizontal,vertical){
- if(!horizontal && !vertical)return;
- var wSize=getWindowSize();
- var imgWindow=this.imgWindow;
- if(horizontal)imgWindow.style.left= (wSize.w - imgWindow.offsetWidth)/2 + window.scrollX +'px';
- if(vertical)imgWindow.style.top= (wSize.h - imgWindow.offsetHeight)/2 + window.scrollY +'px';
- },
- move:function(e){
- this.working=true;
- var mouseCoor={
- x:e.pageX,
- y:e.pageY,
- };
- var imgWindow=this.imgWindow;
- var imgWStyle=imgWindow.style;
- var oriOffset={
- left:parseFloat(imgWStyle.left),
- top:parseFloat(imgWStyle.top),
- };
- var self=this;
- var moveHandler=function(e){
- imgWStyle.left=oriOffset.left+ e.pageX-mouseCoor.x +'px';
- imgWStyle.top=oriOffset.top + e.pageY-mouseCoor.y +'px';
- self.keepScreenInside();
- };
- var mouseupHandler=function(){
- e.preventDefault();
- self.working=false;
- if(self.tempHand && self.spaceKeyUp){//如果是临时切换到抓手工具，平移完成后返回上个工具
- self.tempHand=false;
- self.changeCursor(self.selectedTool);
- };
- document.removeEventListener('mousemove',moveHandler,true);
- document.removeEventListener('mouseup',mouseupHandler,true);
- };
- document.addEventListener('mousemove',moveHandler,true);
- document.addEventListener('mouseup',mouseupHandler,true);
- },
- rotate:function(origin,topLeft){
- var img=this.img;
- var imgWindow=this.imgWindow;
- var iTransform=img.style[support.cssTransform].replace(/rotate\([^)]*\)/i,'');
- var imgWindowCS=getComputedStyle(imgWindow,'');
- var imgRectSize={
- h:parseFloat(imgWindowCS.height),
- w:parseFloat(imgWindowCS.width),
- };
- var rectOffset={
- top:parseFloat(imgWindow.style.top),
- left:parseFloat(imgWindow.style.left),
- };
- var imgSize={
- h:img.clientHeight,
- w:img.clientWidth,
- };
- var imgOffset={
- top:parseFloat(img.style.top),
- left:parseFloat(img.style.left),
- };
- var self=this;
- var PI=Math.PI;
- var rotate=function (radians){
- if(self.rotatedRadians==radians)return;
- img.style[support.cssTransform] = ' rotate('+ radians +'rad) ' + iTransform;
- ImgWindowC.rotateIndicatorPointer.style[support.cssTransform]='rotate('+ radians +'rad)';
- self.rotatedRadians=radians;
- self.setToolBadge('rotate',radians/(PI/180));
- var afterimgRectSize=self.getRotatedImgRectSize( radians, imgSize );
- imgWindow.style.width=afterimgRectSize.w +'px';
- imgWindow.style.height=afterimgRectSize.h + 'px';
- if(!topLeft)self.setImgWindowOffset(rectOffset,imgRectSize,afterimgRectSize);
- self.setImgOffset(imgOffset,imgRectSize,afterimgRectSize);
- self.keepScreenInside();
- };
- if(typeof origin=='number'){
- rotate(origin);
- return;
- };
- this.working=true;
- var lastRotatedRadians=this.rotatedRadians;
- this.shiftKeyUp=true;
- var shiftRotateStep=prefs.shiftRotateStep / (180/Math.PI);//转成弧度
- var moveHandler=function(e){
- var radians=lastRotatedRadians + Math.atan2( e.pageY - origin.pageY, e.pageX - origin.pageX );
- if(radians>2*PI){
- radians-=2*PI;
- }else if(radians<0){
- radians+=2*PI;
- };
- if(!self.shiftKeyUp){//如果按下了shift键，那么步进缩放
- radians -= radians % shiftRotateStep;
- radians += shiftRotateStep;
- };
- rotate(radians);
- };
- var mouseupHandler=function(){
- self.working=false;
- ImgWindowC.rotateIndicator.style.display='none';
- document.removeEventListener('mousemove',moveHandler,true);
- document.removeEventListener('mouseup',mouseupHandler,true);
- };
- document.addEventListener('mousemove',moveHandler,true);
- document.addEventListener('mouseup',mouseupHandler,true);
- },
- getNextZoomLevel:function(){
- var level;
- var self=this;
- if(this.zoomOut){//缩小
- ImgWindowC.zoomRangeR._find(function(value){
- if(value < self.zoomLevel){
- level=value;
- return true;
- }
- })
- }else{
- ImgWindowC.zoomRange._find(function(value){
- if(value > self.zoomLevel){
- level=value;
- return true;
- };
- });
- }
- return level;
- },
- getZoomRatio:function(mouseCoor){
- var ibcRect=this.img.getBoundingClientRect();
- var ratio={
- x:(mouseCoor.x-ibcRect.left)/ibcRect.width,
- y:(mouseCoor.y-ibcRect.top)/ibcRect.height,
- };
- if(ratio.x<0){
- ratio.x=0
- }else if(ratio.x>1){
- ratio.x=1
- };
- if(ratio.y<0){
- ratio.y=0
- }else if(ratio.y>1){
- ratio.y=1
- };
- return ratio;
- },
- zoom:function(e,ratio){//e可能是undefined,可能是事件对象，可能是直接的缩放级别数字
- var imgWindow=this.imgWindow;
- var imgWindowCS=getComputedStyle(imgWindow,'');
- var imgRectSize={
- h:parseFloat(imgWindowCS.height),
- w:parseFloat(imgWindowCS.width),
- };
- var rectOffset={
- top:parseFloat(imgWindow.style.top),
- left:parseFloat(imgWindow.style.left),
- };
- var img=this.img;
- var self=this;
- var zoom=function(level){//缩放到指定级别
- if(typeof level==='undefined' || level<0 || level==self.zoomLevel)return;
- var afterImgSize={
- h:self.imgNaturalSize.h * level,
- w:self.imgNaturalSize.w * level,
- };
- img.width=afterImgSize.w;
- img.height=afterImgSize.h;
- var afterimgRectSize=self.getRotatedImgRectSize( self.rotatedRadians, afterImgSize );
- imgWindow.style.width=afterimgRectSize.w +'px';
- imgWindow.style.height=afterimgRectSize.h + 'px';
- self.setImgWindowOffset(rectOffset,imgRectSize,afterimgRectSize,ratio);
- self.setImgOffset({top:0,left:0},afterImgSize,afterimgRectSize);//如果旋转了，调整偏移
- self.zoomLevel=level;
- self.setToolBadge('zoom',level);
- self.keepScreenInside();
- };
- if(typeof e!='object'){
- ratio=ratio? ratio : {
- x:1/2,
- y:1/2,
- };
- zoom(e);
- return;
- };
- this.working=true;
- ratio=this.getZoomRatio({
- x:e.clientX,
- y:e.clientY,
- });
- var moved;
- var lastPageX=e.pageX;
- var currentLevel=this.zoomLevel;
- var moveHandler=function(e){
- moved=true;
- var pageX=e.pageX;
- var level;
- if(pageX > lastPageX){//向右移，zoomin扩大
- self.changeCursor('zoom',false);
- level=0.05;
- }else{//向左移，zoomout缩小
- self.changeCursor('zoom',true);
- level=-0.05;
- };
- lastPageX=pageX;
- currentLevel += level;
- zoom(currentLevel);
- };
- var mouseupHandler=function(e){
- self.working=false;
- document.removeEventListener('mousemove',moveHandler,true);
- document.removeEventListener('mouseup',mouseupHandler,true);
- var level=self.getNextZoomLevel();
- if(self.zoomOut && self.altKeyUp){
- self.zoomOut=false;
- };
- if(!moved){//如果没有平移缩放。
- zoom(level);
- };
- self.changeCursor('zoom',self.zoomOut);
- if(self.tempZoom && self.ctrlKeyUp && self.altKeyUp){
- self.tempZoom=false;
- self.changeCursor(self.selectedTool);
- };
- };
- document.addEventListener('mousemove',moveHandler,true);
- document.addEventListener('mouseup',mouseupHandler,true);
- },
- convertToValidRadians:function(radians){
- //转成0-90的等价角度。
- var PI=Math.PI;
- if(radians > PI){
- radians = 2*PI - radians;
- };
- if(radians > 1/2*PI){
- radians = PI - radians;
- };
- return radians;
- },
- getRotatedImgRectSize:function( radians, imgSize ){//通过旋转后的角度和图片的大小，求虚拟矩形的大小
- imgSize= imgSize ? imgSize :{
- h:this.img.clientHeight,
- w:this.img.clentWidth,
- };
- if(typeof radians==='undefined'){
- radians = this.rotatedRadians;
- };
- radians=this.convertToValidRadians(radians);
- return {
- h:imgSize.h* Math.cos(radians) + imgSize.w * Math.sin(radians),
- w:imgSize.h* Math.sin(radians) + imgSize.w * Math.cos(radians),
- };
- },
- getRotatedImgCliSize:function(rectSize,radians){//通过虚拟矩形的大小和图片的旋转角度，求图片的大小
- if(typeof radians==='undefined'){
- radians = this.rotatedRadians;
- };
- radians=this.convertToValidRadians(radians);
- if(radians==0){
- //radians=Math.PI/180 * 1/100;
- return rectSize;
- };
- var h=(rectSize.h-rectSize.w * Math.tan(radians))/(Math.cos(radians)-Math.sin(radians)*Math.tan(radians));
- var w=(rectSize.h - h*Math.cos(radians))/Math.sin(radians);
- return {
- h:h,
- w:w,
- };
- },
- setImgOffset:function(oriOffset,bImgSize,aImgSize){
- var imgStyle=this.img.style;
- var top=Math.floor(oriOffset.top + (aImgSize.h-bImgSize.h)*1/2) + 'px';
- var left=Math.floor(oriOffset.left + (aImgSize.w-bImgSize.w)*1/2) + 'px';
- imgStyle.top= top;
- imgStyle.left= left;
- },
- setImgWindowOffset:function(oriOffset,bImgWindowSize,aImgWidnowSize,ratio){
- ratio= ratio? ratio : {x:1/2,y:1/2};
- var imgWindowStyle=this.imgWindow.style;
- var top=oriOffset.top - (aImgWidnowSize.h-bImgWindowSize.h)*ratio.y + 'px';
- var left=oriOffset.left - (aImgWidnowSize.w-bImgWindowSize.w)*ratio.x + 'px';
- imgWindowStyle.top= top;
- imgWindowStyle.left= left;
- },
- setToolBadge:function(tool,content){
- var scale=0;
- switch(tool){
- case 'zoom':{
- scale=2;
- }break;
- case 'rotate':{
- scale=1;
- }break;
- default:break;
- }
- content=typeof content=='string'? content : content.toFixed(scale);
- this.toolMap[tool].nextElementSibling.textContent=content;
- },
- changeCursor:function(tool,zoomOut){
- if(tool=='zoom'){
- tool+=zoomOut? '-out' : '-in';
- };
- if(this.cursor==tool)return;
- this.cursor=tool;
- var imgWStyle=this.imgWindow.style;
- switch(tool){
- case 'hand':{
- imgWStyle.cursor='pointer';
- }break;
- case 'zoom-in':{
- imgWStyle.cursor=support.cssCursorValue.zoomIn;
- }break;
- case 'zoom-out':{
- imgWStyle.cursor=support.cssCursorValue.zoomOut;
- }break;
- case 'rotate':{
- imgWStyle.cursor='progress';
- }break;
- case 'default':{
- imgWStyle.removeProperty('cursor');
- }break;
- default:break;
- };
- },
- blur:function(e){
- if(!this.focused)return;
- var imgWindow =this.imgWindow;
- //点击imgWinodw的外部的时候失去焦点
- if(e!==true && (imgWindow==e.target || (imgWindow.compareDocumentPosition(e.target) & 16)))return;
- imgWindow.classList.remove('pv-pic-window-container_focus');
- this.toolbar.classList.remove('pv-pic-window-toolbar_focus');
- this.closeButton.classList.remove('pv-pic-window-close_focus');
- this.img.classList.remove('pv-pic-window-pic_focus');
- document.removeEventListener('mousedown',this._blur,true);
- document.removeEventListener('keydown',this._focusedKeydown,true);
- document.removeEventListener('keyup',this._focusedKeyup,true);
- this.changeCursor('default');
- this.focused=false;
- },
- focus:function(){
- if(this.focused)return;
- this.imgWindow.classList.add('pv-pic-window-container_focus');
- this.toolbar.classList.add('pv-pic-window-toolbar_focus');
- this.closeButton.classList.add('pv-pic-window-close_focus');
- this.img.classList.add('pv-pic-window-pic_focus');
- this.imgWindow.style.zIndex= ImgWindowC.styleZIndex;
- this.zIndex=ImgWindowC.styleZIndex;
- ImgWindowC.styleZIndex ++;
- document.addEventListener('keydown',this._focusedKeydown,true);
- document.addEventListener('keyup',this._focusedKeyup,true);
- document.addEventListener('mousedown',this._blur,true);
- this.changeCursor(this.selectedTool);//还原鼠标样式。
- this.focused=true;
- },
- focusedKeyup:function(e){
- var keyCode=e.keyCode;
- var valid=[32,18,16,72,17,72,82,90,67];
- if(valid.indexOf(keyCode)==-1)return;
- e.preventDefault();
- switch(keyCode){
- case 32:{//空格键，临时切换到移动
- this.spaceKeyUp=true;
- if(!this.tempHand)return;//如果之前没有临时切换到抓手工具（当已经在工作的时候，按下空格不会临时切换到抓手工具）
- if(!this.working){//松开按键的时候，没有在继续平移了。
- this.tempHand=false;
- this.changeCursor(this.selectedTool);
- };
- }break;
- case 18:{//alt键盘切换缩小放大。
- this.altKeyUp=true;
- if(!this.zoomOut)return;
- if(!this.working){
- this.zoomOut=false;
- this.changeCursor('zoom');
- if(this.tempZoom && this.ctrlKeyUp){
- this.tempZoom=false;
- this.changeCursor(this.selectedTool);
- };
- };
- }break;
- case 16:{//shift键，旋转的时候按住shift键，步进缩放。
- this.shiftKeyUp=true;
- }break;
- case 17:{//ctrl键
- clearTimeout(this.ctrlkeyDownTimer);
- if(!this.justCKeyUp){//如果刚才没有松开c，规避划词软件的ctrl+c松开
- this.ctrlKeyUp=true;
- if(!this.tempZoom)return;//如果没有切换到了缩放
- if(!this.working && this.altKeyUp){
- this.tempZoom=false;
- this.changeCursor(this.selectedTool);
- };
- };
- }break;
- case 67:{//c键
- this.justCKeyUp=true;
- var self=this;
- clearTimeout(this.justCKeyUpTimer);
- this.justCKeyUpTimer=setTimeout(function(){
- self.justCKeyUp=false;
- },100)
- }break;
- case 72:{//h键
- this.hKeyUp=true;
- }break;
- case 82:{//r键
- this.rKeyUp=true;
- }break;
- case 90:{//z键
- this.zKeyUp=true;
- }break;
- default:break;
- };
- if([72,82,90].indexOf(keyCode)!=-1){
- if(!this.working && this.restoreBeforeTool){
- this.restoreBeforeTool=false;
- this.selectTool(this.beforeTool);
- };
- };
- },
- focusedKeydown:function(e){
- var keyCode=e.keyCode;
- var valid=[32,82,72,90,18,16,17,27,67];//有效的按键
- if(valid.indexOf(keyCode)==-1) return;
- e.preventDefault();
- if(this.working){//working的时候也可以接受按下shift键，以便旋转的时候可以任何时候按下
- if(keyCode==16){//shift键
- this.shiftKeyUp=false;
- };
- return;
- };
- switch(keyCode){
- case 82:{//r键,切换到旋转工具
- if(this.rKeyUp){
- this.rKeyUp=false;
- this.beforeTool=this.selectedTool;
- this.selectTool('rotate');
- };
- }break;
- case 72:{//h键,切换到抓手工具
- if(this.hKeyUp){
- this.hKeyUp=false;
- this.beforeTool=this.selectedTool;
- this.selectTool('hand');
- };
- }break;
- case 90:{//z键,切换到缩放工具
- if(this.zKeyUp){
- this.zKeyUp=false;
- this.beforeTool=this.selectedTool;
- this.selectTool('zoom');
- };
- }break;
- case 32:{//空格键阻止,临时切换到抓手功能
- if(this.spaceKeyUp){
- this.spaceKeyUp=false;
- if(this.selectedTool!='hand'){
- this.tempHand=true;
- this.changeCursor('hand');
- };
- };
- }break;
- case 18:{//alt键,在当前选择是缩放工具的时候，按下的时候切换到缩小功能
- if(this.altKeyUp){
- if((this.selectedTool!='zoom' && !this.tempZoom) || this.zoomOut)return;
- this.zoomOut=true;
- this.altKeyUp=false;
- this.changeCursor('zoom',true);
- };
- }break;
- case 17:{//ctrl键临时切换到缩放工具
- if(this.ctrlKeyUp){
- var self=this;
- this.ctrlkeyDownTimer=setTimeout(function(){//规避词典软件的ctrl+c，一瞬间切换到缩放的问题
- self.ctrlKeyUp=false;
- if(self.selectedTool!='zoom'){
- self.tempZoom=true;
- self.changeCursor('zoom');
- };
- },100);
- };
- }break;
- case 67:{//c键
- clearTimeout(this.ctrlkeyDownTimer);
- }break;
- case 27:{//ese关闭窗口
- this.remove();
- }break;
- default:break;
- };
- },
- toolbarEventHandler:function(e){
- e.stopPropagation();
- var target=e.target;
- var toolMap=this.toolMap;
- for(var i in toolMap){
- if(toolMap.hasOwnProperty(i) && toolMap[i]==target){
- switch(e.type){
- case 'mousedown':{
- this.selectTool(i);
- }break;
- case 'dblclick':{
- this.dblclickCommand(i);
- }break;
- default:break;
- };
- break;
- };
- };
- },
- imgWindowEventHandler:function(e){
- e.stopPropagation();
- switch(e.type){
- case 'click':{//阻止opera的图片保存
- if(e.ctrlKey && e.target.nodeName=='IMG'){
- e.preventDefault();
- };
- }break;
- case 'mousedown':{
- if(!this.focused){//如果没有focus，先focus
- this.focus();
- this.keepScreenInside();
- };
- var target=e.target;
- if(e.button!=0 || (target!=this.imgWindow && target!=this.img))return;
- var selectedTool=this.selectedTool;
- if(this.tempHand){
- this.move(e);
- }else if(this.tempZoom){
- this.zoom(e);
- }else if(selectedTool=='hand'){
- this.restoreBeforeTool=!this.hKeyUp;
- if(this.hKeyUp){
- this.move(e);
- }else{//鸟瞰视图
- this.aerialView(e);
- };
- }else if(selectedTool=='rotate'){
- var rIS=ImgWindowC.rotateIndicator.style;
- rIS.display='block';
- var origin={//旋转原点
- pageX:e.pageX - 30,//稍微偏左一点。
- pageY:e.pageY,
- };
- rIS.top=origin.pageY + 'px';
- rIS.left=origin.pageX + 'px';
- ImgWindowC.rotateIndicatorPointer.style[support.cssTransform]='rotate(' + this.rotatedRadians + 'rad)';
- this.restoreBeforeTool=!this.rKeyUp;
- this.rotate(origin);
- }else if(selectedTool=='zoom'){
- this.restoreBeforeTool=!this.zKeyUp;
- this.zoom(e);
- };
- }break;
- case 'wheel':{
- if(!this.focused)return;//如果没有focus
- if(e.deltaY===0)return;//非Y轴的滚动
- e.preventDefault();
- if(this.working)return;
- var oriZoomOut=this.zoomOut;
- this.zoomOut = !!(e.deltaY > 0);
- var ratio=this.getZoomRatio({
- x:e.clientX,
- y:e.clientY,
- });
- var level=this.getNextZoomLevel();
- this.zoom(level,ratio);
- this.zoomOut=oriZoomOut;
- }break;
- default:break;
- };
- },
- dblclickCommand:function(tool){
- var done;
- switch(tool){
- case 'hand':{//双击居中,并且适应屏幕
- this.zoom(1);
- this.fitToScreen();
- this.center(true,true);
- this.keepScreenInside();
- }break;
- case 'rotate':{//双击还原旋转
- if(this.rotatedRadians==0)return;
- done=true;
- this.rotate(0,true);
- }break;
- case 'zoom':{//双击还原缩放
- if(this.zoomLevel==1)return;
- done=true;
- this.zoom(1,{x:0,y:0});
- }break;
- default:break;
- };
- if((tool=='rotate' || tool=='zoom') && done){
- var imgWindow=this.imgWindow;
- var imgWinodowRect=imgWindow.getBoundingClientRect();
- var imgWindowStyle=imgWindow.style;
- if(imgWinodowRect.left<40){
- imgWindowStyle.left=40 + window.scrollX + 'px';
- };
- if(imgWinodowRect.top<-5){
- imgWindowStyle.top=-5 + window.scrollY +'px';
- };
- this.keepScreenInside();
- };
- },
- doFlipCommand:function(command){
- var map={
- fv:[/scaleY\([^)]*\)/i,' scaleY(-1) '],
- fh:[/scaleX\([^)]*\)/i,' scaleX(-1) '],
- };
- var iTransform=this.img.style[support.cssTransform];
- var toolClassList=this.toolMap[command].classList;
- if(map[command][0].test(iTransform)){
- iTransform=iTransform.replace(map[command][0],'');
- toolClassList.remove(this.selectedToolClass);
- }else{
- iTransform += map[command][1];
- toolClassList.add(this.selectedToolClass);
- };
- this.img.style[support.cssTransform]=iTransform;
- },
- selectTool:function(tool){
- var command=['fv','fh'];
- if(command.indexOf(tool)==-1){//工具选择
- if(this.selectedTool==tool)return;
- var selectedTool=this.selectedTool;
- this.selectedTool=tool;
- if(this.tempHand || this.tempZoom){//临时工具中。不变鼠标
- return;
- };
- this.toolMap[selectedTool].classList.remove(this.selectedToolClass);
- this.toolMap[tool].classList.add(this.selectedToolClass);
- this.changeCursor(tool);
- }else{//命令
- this.doFlipCommand(tool);
- };
- },
- remove:function(){
- if(this.removed)return;
- this.removed=true;
- this.blur(true);
- this.img.src='';//如果在加载中取消，图片也取消读取。
- if(this.overlayer){
- this.overlayer.parentNode.removeChild(this.overlayer);
- };
- this.imgWindow.parentNode.removeChild(this.imgWindow);
- var index=ImgWindowC.all.indexOf(this);
- ImgWindowC.all.splice(index,1);
- //focus next
- var topmost=0;
- ImgWindowC.all.forEach(function(iwin){
- if(iwin.zIndex > topmost){
- topmost=iwin;
- };
- });
- if(topmost){
- topmost.focus();
- };
- },
- aerialView:function(e){
- this.working=true;
- //记住现在的缩放比例
- var cLevel=this.zoomLevel;
- var wSize=getWindowSize();
- wSize.h -= 16;
- wSize.w -= 16;
- var imgWindow=this.imgWindow;
- var imgWindowCS=getComputedStyle(imgWindow,'');
- var rectSize={
- h:parseFloat(imgWindowCS.height),
- w:parseFloat(imgWindowCS.width),
- };
- var rectRatio=rectSize.h/rectSize.w;
- var windowRatio=wSize.h/wSize.w;
- var size;
- var rangeSize={};
- if(rectRatio > windowRatio){
- size={
- h:wSize.h,
- w:wSize.h / rectRatio,
- };
- rangeSize.h=Math.min(wSize.h * (size.h / rectSize.h), size.h);
- rangeSize.w=Math.min(rangeSize.h / windowRatio , size.w);
- }else{
- size={
- w:wSize.w,
- h:wSize.w * rectRatio,
- };
- rangeSize.w=Math.min(wSize.w * (size.w / rectSize.w), size.w);
- rangeSize.h=Math.min(rangeSize.w * windowRatio , size.h);
- };
- this.zoom(this.getRotatedImgCliSize(size).w/this.imgNaturalSize.w);
- this.center(true,true);
- this.keepScreenInside();
- var viewRange=this.viewRange;
- var vRS=viewRange.style;
- vRS.display='block';
- vRS.height=rangeSize.h + 'px';
- vRS.width=rangeSize.w + 'px';
- vRS.top=0 + 'px';
- vRS.left=0 + 'px';
- var viewRangeRect=viewRange.getBoundingClientRect();
- var viewRangeCenterCoor={
- x:viewRangeRect.left + window.scrollX + 1/2 * rangeSize.w,
- y:viewRangeRect.top + window.scrollY + 1/2 * rangeSize.h,
- };
- var self=this;
- var moveRange={
- x:[8,8+size.w-rangeSize.w],
- y:[8,8+size.h-rangeSize.h]
- };
- function setViewRangePosition(pageXY){
- var top=pageXY.y - viewRangeCenterCoor.y;
- var left=pageXY.x - viewRangeCenterCoor.x;
- if(top<=moveRange.y[0]){
- top=moveRange.y[0];
- }else if(top>=moveRange.y[1]){
- top=moveRange.y[1];
- };
- vRS.top= top + 'px';
- if(left<=moveRange.x[0]){
- left=moveRange.x[0];
- }else if(left>=moveRange.x[1]){
- left=moveRange.x[1];
- };
- vRS.left= left + 'px';
- };
- setViewRangePosition({
- x:e.pageX,
- y:e.pageY,
- });
- var moveHandler=function(e){
- setViewRangePosition({
- x:e.pageX,
- y:e.pageY,
- });
- };
- var mouseupHandler=function(){
- self.working=false;
- viewRange.style.display='none';
- self.zoom(cLevel);
- imgWindow.style.top= -13 - rectSize.h * ((parseFloat(vRS.top) - moveRange.y[0])/size.h) + window.scrollY +'px';
- imgWindow.style.left= -13 - rectSize.w * ((parseFloat(vRS.left) - moveRange.x[0])/size.w) + window.scrollX +'px';
- //说明图片的高度没有屏幕高，居中
- //说明图片的宽度没有屏幕宽，居中
- self.center(rangeSize.w == size.w , rangeSize.h == size.h);
- self.keepScreenInside();
- document.removeEventListener('mousemove',moveHandler,true);
- document.removeEventListener('mouseup',mouseupHandler,true);
- };
- document.addEventListener('mousemove',moveHandler,true);
- document.addEventListener('mouseup',mouseupHandler,true);
- },
- };
- //载入动画
- function LoadingAnimC(data,buttonType,waitImgLoad,openInTopWindow){
- this.data=data;//data
- this.buttonType=buttonType;//点击的按钮类型
- this.openInTopWindow=openInTopWindow;//是否在顶层窗口打开，如果在frame里面的话
- this.waitImgLoad=waitImgLoad;//是否等待完全读取后打开
- this.init();
- };
- LoadingAnimC.all=[];
- LoadingAnimC.prototype={
- init:function(){
- LoadingAnimC.all.push(this);
- this.addStyle();
- var container=document.createElement('span');
- container.classList.add('pv-loading-container');
- this.loadingAnim=container;
- container.title='正在加载:' + this.data.src;
- container.innerHTML=''+
- '<span class="pv-loading-error" style="display:none;">Error</span>'+
- '<span class="pv-loading-cancle" title="取消"></span>';
- var loadingError=container.querySelector('.pv-loading-error');
- var loadingCancle=container.querySelector('.pv-loading-cancle');
- this.loadingError=loadingError;
- this.loadingCancle=loadingCancle;
- var self=this;
- loadingCancle.addEventListener('click',function(e){
- self.imgReady.abort();
- self.remove();
- },true);
- document.body.appendChild(container);
- this.setPosition();
- var img=new Image();
- img.src= this.buttonType=='current'? this.data.imgSrc : this.data.src;
- var opts={
- error:function(e){
- self.error(this,e);
- },
- };
- opts[this.waitImgLoad? 'load' : 'ready' ]=function(e){
- self.load(this,e);
- };
- this.imgReady=imgReady(img,opts);
- },
- addStyle:function(){
- if(LoadingAnimC.styleAdded)return;
- LoadingAnimC.styleAdded=true;
- var style=document.createElement('style');
- style.type='text/css';
- style.textContent='\
- .pv-loading-container {\
- position: absolute;\
- z-index:999999997;\
- top: 100px;\
- left: 100px;\
- background-color: black;\
- background-image: url("'+prefs.icons.loading+'");\
- background-repeat: no-repeat;\
- background-position: center;\
- background-origin: content-box;\
- border: none;\
- padding: 1px 30px 1px 2px;\
- margin: 0;\
- opacity: 0.6;\
- height: 24px;\
- min-width: 24px;\
- box-shadow: 2px 2px 0px #666;\
- -webkit-transition: opacity 0.15s ease-in-out;\
- transition: opacity 0.15s ease-in-out;\
- }\
- .pv-loading-container:hover {\
- opacity: 0.9;\
- }\
- .pv-loading-cancle {\
- cursor: pointer;\
- background-image: url("'+prefs.icons.loadingCancle+'");\
- height: 24px;\
- width: 24px;\
- position: absolute;\
- right: 0;\
- top: 0;\
- opacity: 0.2;\
- display: block;\
- -webkit-transition: opacity 0.15s ease-in-out;\
- transition: opacity 0.15s ease-in-out;\
- }\
- .pv-loading-cancle:hover {\
- opacity: 1;\
- }\
- .pv-loading-error {\
- line-height: 24px;\
- color: red;\
- font-size: 12px;\
- }\
- ';
- document.querySelector('head').appendChild(style);
- },
- remove:function(){
- if(!this.removed){
- this.removed=true;
- this.loadingAnim.parentNode.removeChild(this.loadingAnim);
- LoadingAnimC.all.splice(LoadingAnimC.all.indexOf(this),1);
- };
- },
- error:function(img,e){
- this.loadingAnim.style.backgroundImage='none';
- this.loadingError.style.removeProperty('display');
- var self=this;
- setTimeout(function(){
- self.remove();
- },2000)
- },
- setPosition:function(){
- var position=getTargetPosition(this.data.img);
- var cs=this.loadingAnim.style;
- cs.top=position.top +1 + 'px';
- cs.left=position.left +1 + 'px';
- cs.removeProperty('display');
- },
- load:function(img,e){
- this.remove();
- this.img=img;
- var buttonType=this.buttonType;
- if(buttonType=='gallery'){
- var allData=this.getAllValidImgs();
- allData.target=this.data;
- this.data=allData;
- };
- if(this.openInTopWindow && isFrame && buttonType!='magnifier'){
- var data=this.data;
- //删除不能发送的项。
- var delCantClone=function(obj){
- delete obj.img;
- delete obj.imgPA;
- };
- if(Array.isArray(data)){
- delCantClone(data.target);
- data.forEach(function(obj){
- delCantClone(obj);
- });
- }else{
- delCantClone(data);
- };
- window.postMessage({
- messageID:messageID,
- src:img.src,
- data:data,
- buttonType:buttonType,
- to:'top',
- },'*');
- }else{
- this.open();
- };
- },
- getAllValidImgs:function(){
- var imgs=document.getElementsByTagName('img'),//html collection
- validImgs=[]
- ;
- arrayFn.forEach.call(imgs,function(img,index,imgs){
- var result=findPic(img);
- if(result){
- validImgs.push(result);
- };
- });
- return validImgs;
- },
- open:function(){
- switch(this.buttonType){
- case 'gallery':{
- if(!gallery){
- gallery=new GalleryC();
- };
- gallery.load(this.img,this.data,this.from);
- }break;
- case 'magnifier':{
- new MagnifierC(this.img,this.data);
- }break;
- case 'actual':;
- case 'current':;
- case 'original':{//original 是为了兼容以前的规则
- new ImgWindowC(this.img);
- }break;
- };
- },
- };
- //工具栏
- function FloatBarC(){
- this.init();
- };
- FloatBarC.prototype={
- init:function(){
- this.addStyle();
- var container=document.createElement('span');
- container.id='pv-float-bar-container';
- //innerHTML中的span不能加空格
- container.innerHTML=''+
- '<span class="pv-float-bar-button"></span>'+
- '<span class="pv-float-bar-button"></span>'+
- '<span class="pv-float-bar-button"></span>'+
- '<span class="pv-float-bar-button"></span>';
- document.body.appendChild(container);
- var buttons={};
- this.buttons=buttons;
- this.children=container.children;
- arrayFn.forEach.call(this.children,function(child,index,children){
- var titleMap={
- actual:'Tamaño REAL Size',
- gallery:'Picture Gallery | Galeria de Imágenes',
- current:'Current Size | Tamaño Actual',
- magnifier:'Lupa | Magnifier',
- };
- var buttonName=prefs.floatBar.butonOrder[index];
- buttons[buttonName]=child;
- child.title=titleMap[buttonName];
- child.classList.add('pv-float-bar-button-' + buttonName);
- });
- this.floatBar=container;
- this.shown=true;
- this.preShownImg=null;
- var self=this;
- container.addEventListener('click',function(e){
- var buttonType;
- var target=e.target;
- for(var type in buttons){
- if(!buttons.hasOwnProperty(type))return;
- if(target==buttons[type]){
- buttonType=type;
- break;
- };
- };
- if(!buttonType)return;
- self.hide();
- self.open(e,buttonType);
- },true);
- addCusMouseEvent('mouseleave',container,function(e){
- clearTimeout(self.hideTimer);
- self.hideTimer=setTimeout(function(){
- self.hide();
- },prefs.floatBar.hideDelay);
- });
- addCusMouseEvent('mouseenter',container,function(e){
- clearTimeout(self.hideTimer);
- });
- },
- addStyle:function(){
- var style=document.createElement('style');
- style.type='text/css';
- style.textContent='\
- #pv-float-bar-container {\
- position: absolute;\
- z-index:999999998;\
- top: -100px;\
- left: -100px;\
- padding: 5px;\
- margin: 0;\
- border: none;\
- opacity: 0.6;\
- line-height: 0;\
- -webkit-transition: opacity 0.2s ease-in-out;\
- transition: opacity 0.2s ease-in-out;\
- }\
- #pv-float-bar-container:hover {\
- opacity: 1;\
- }\
- .pv-float-bar-button {\
- cursor: pointer;\
- width: 18px;\
- height: 18px;\
- padding: 1px;\
- margin: 0;\
- border: none;\
- display: inline-block;\
- position: relative;\
- border-radius: 100px;\
- box-shadow: 1px 1px 3px 0px black;\
- background-color: transparent;\
- background-repeat: no-repeat;\
- background-origin: content-box;\
- background-clip: content-box;\
- background-size: 100% 100%;\
- -webkit-transition: margin-left 0.15s ease-in-out, width 0.15s ease-in-out, height 0.15s ease-in-out;\
- transition: margin-left 0.15s ease-in-out, width 0.15s ease-in-out, height 0.15s ease-in-out;\
- }\
- .pv-float-bar-button:nth-child(n+2){\
- margin-left: -16px;\
- }\
- .pv-float-bar-button:first-child {\
- z-index: 4;\
- }\
- .pv-float-bar-button:nth-child(2) {\
- z-index: 3;\
- }\
- .pv-float-bar-button:nth-child(3) {\
- z-index: 2;\
- }\
- .pv-float-bar-button:last-child {\
- z-index: 1;\
- }\
- #pv-float-bar-container:hover > .pv-float-bar-button {\
- width: 24px;\
- height: 24px;\
- }\
- #pv-float-bar-container:hover > .pv-float-bar-button:nth-child(n+2) {\
- margin-left: 0;\
- }\
- .pv-float-bar-button-actual {\
- background-image:url("'+ prefs.icons.actual +'");\
- background-color: red;\
- }\
- .pv-float-bar-button-gallery {\
- background-image:url("'+ prefs.icons.gallery +'");\
- background-color: yellow;\
- }\
- .pv-float-bar-button-current {\
- background-image:url("'+ prefs.icons.current +'");\
- background-color: blue;\
- }\
- .pv-float-bar-button-magnifier {\
- background-image:url("'+ prefs.icons.magnifier +'");\
- background-color: pink;\
- }\
- ';
- document.querySelector('head').appendChild(style);
- },
- start:function(data){
- //读取中的图片,不显示浮动栏,调整读取图标的位置.
- if(LoadingAnimC.all._find(function(item,index,array){
- if(data.img==item.data.img){
- return true;
- };
- }))return;
- //被放大镜盯上的图片,不要显示浮动栏.
- if(MagnifierC.all._find(function(item,index,array){
- if(data.img==item.data.img){
- return true;
- };
- }))return;
- this.data=data;
- var self=this;
- clearTimeout(this.hideTimer);
- var imgOutHandler=function(e){
- document.removeEventListener('mouseout',imgOutHandler,true);
- clearTimeout(self.showTimer);
- clearTimeout(self.hideTimer);
- self.hideTimer=setTimeout(function(){
- self.hide();
- },prefs.floatBar.hideDelay);
- };
- clearTimeout(this.globarOutTimer);
- this.globarOutTimer=setTimeout(function(){//稍微延时。错开由于css hover样式发生的out;
- document.addEventListener('mouseout',imgOutHandler,true);
- },100);
- if(data.img==this.preShownImg && this.shown){
- this.setPosition();
- return;
- };
- clearTimeout(this.showTimer);
- this.showTimer=setTimeout(function(){
- self.show();
- },prefs.floatBar.showDelay);
- },
- setButton:function(){
- if(this.data.type=='force'){
- this.buttons['actual'].style.display='none';
- this.buttons['magnifier'].style.display='none';
- }else{
- this.buttons['actual'].style.removeProperty('display');
- this.buttons['magnifier'].style.removeProperty('display');
- };
- //如果隐藏的按钮是第一个，css弹出层叠按钮的动画会有些维和，这些修正一下。
- var firstHidden;
- arrayFn._find.call(this.children,function(child, index, children){
- var cs=child.style;
- if(index==0){
- if(cs.display=='none'){
- firstHidden=true;
- };
- };
- if(firstHidden){//如果第一个是隐藏的，那么去掉以后第一个非隐藏的marginleft
- if(cs.display!='none'){
- cs.marginLeft=0;
- return true;
- };
- }else{
- cs.removeProperty('margin-left');
- };
- });
- },
- setPosition:function(){
- //如果图片被删除了，或者隐藏了。
- var bCR=this.data.img.getBoundingClientRect();
- if((bCR.left==0 && bCR.right==0) || (bCR.top==0 && bCR.bottom==0))return false;
- var targetPosi=getTargetPosition(this.data.img);
- var windowSize=getWindowSize();
- var floatBarPosi=prefs.floatBar.position.toLowerCase().trim().split(/\s+/);
- var offsetX=prefs.floatBar.offset.x;
- var offsetY=prefs.floatBar.offset.y;
- var scrollXY={
- x:window.scrollX,
- y:window.scrollY,
- };
- var fbs=this.floatBar.style;
- var setPosition={
- top:function(){
- var top=targetPosi.top;
- if(targetPosi.t < -offsetY){//满足图标被遮住的条件.
- top=scrollXY.y;
- offsetY=0;
- };
- fbs.top=top + offsetY + 'px';
- },
- right:function(){
- var right=windowSize.w - targetPosi.r;
- if(right < offsetX){
- right= -scrollXY.x;
- offsetX=0;
- }else{
- right -=scrollXY.x;
- };
- fbs.right=right - offsetX + 'px';
- },
- bottom:function(){
- var bottom=windowSize.h-targetPosi.b;
- if(bottom <= offsetY){
- offsetY=0;
- };
- bottom -= scrollXY.y;
- fbs.bottom=bottom - offsetY + 'px';
- },
- left:function(){
- var left=targetPosi.left;
- if(targetPosi.l < -offsetX){
- left=scrollXY.x;
- offsetX=0;
- };
- fbs.left=left + offsetX + 'px';
- },
- };
- setPosition[floatBarPosi[0]]();
- setPosition[floatBarPosi[1]]();
- },
- show:function(){
- if(this.setPosition()===false){
- return;
- };
- this.preShownImg=this.data.img;
- this.shown=true;
- this.setButton();
- this.floatBar.style.removeProperty('display');
- clearTimeout(this.hideTimer);
- },
- hide:function(){
- clearTimeout(this.showTimer);
- this.shown=false;
- this.floatBar.style.display='none';
- },
- open:function(e,buttonType){
- var waitImgLoad=e.ctrlKey? !prefs.waitImgLoad : prefs.waitImgLoad;//按住ctrl取反向值
- var openInTopWindow=e.shiftKey? !prefs.framesPicOpenInTopWindow : prefs.framesPicOpenInTopWindow;//按住shift取反向值
- if(!waitImgLoad && buttonType=='magnifier' && !envir.chrome){//非chrome的background-image需要全部载入后才能显示出来
- waitImgLoad=true;
- };
- new LoadingAnimC(this.data,buttonType,waitImgLoad,openInTopWindow);
- },
- };
- var matchedRule,
- URL=location.href,
- floatBar
- ;
- function findPic(img){
- var imgPA=getElementByXpath('./ancestor::a[1]',img);
- var iPASrc=imgPA? imgPA.href : '';
- //base64字符串过场导致正则匹配卡死浏览器
- var base64Img=/^data:[^;]+;base64,/i.test(img.src);
- if(matchedRule===undefined){//找到符合站点的高级规则,并缓存.
- matchedRule=siteInfo._find(function(site,index,array){
- if(site.enabled && site.url && site.url.test(URL)){
- return true;
- };
- });
- matchedRule=matchedRule? matchedRule[0] : false;
- //console.log('匹配的规则：',matchedRule);
- };
- var src, type;
- if(!src && matchedRule){//通过高级规则获取.
- try{
- src=matchedRule.getImage.call(img,img,imgPA);
- }catch(err){
- throwErrorInfo(err);
- };
- if(src)type='rule';
- };
- if(!src && !base64Img){//遍历通配规则
- tprules._find(function(rule,index,array){
- try{
- src=rule.call(img,img,imgPA);
- if(src){
- //console.log('匹配的通配规则',rule);
- return true;
- };
- }catch(err){
- throwErrorInfo(err);
- };
- });
- if(src)type='tpRule';
- };
- if(!src && imgPA){//链接可能是一张图片...
- if(/\.(?:jpg|jpeg|png|gif|bmp)$/i.test(iPASrc)){
- src=iPASrc;
- };
- if(src)type='scale';
- };
- if(!src){//本图片是否被缩放.
- var imgAS={//实际尺寸。
- h:img.naturalHeight,
- w:img.naturalWidth,
- };
- var imgCS=getCurrentSize(img);
- if(!(imgAS.w==imgCS.w && imgAS.h==imgCS.h)){//如果不是两者完全相等,那么被缩放了.
- if(imgAS.h > prefs.floatBar.minSizeLimit.h || imgAS.w > prefs.floatBar.minSizeLimit.w){//最小限定判断.
- src=img.src;
- type='scale';
- };
- }else{
- if(prefs.floatBar.forceShow.enabled && (imgCS.w>=prefs.floatBar.forceShow.size.w && imgCS.h>=prefs.floatBar.forceShow.size.h)){
- src=img.src;
- type='force';
- };
- };
- };
- if(!src)return;
- var ret={
- src:src,//得到的src
- type:type,//通过哪种方式得到的
- imgSrc:img.src,//处理的图片的src
- iPASrc:iPASrc,//图片的第一个父a元素的链接地址
- img:img,//处理的图片
- imgPA:imgPA,//图片的第一个父a元素
- };
- //console.log('图片查找结果:',ret);
- return ret;
- };
- var isFrame=window!=window.parent;
- window.addEventListener('message',function(e){//contentscript里面的message监听，监听来自别的窗口的数据。
- var data=e.data;
- if( !data || !data.messageID || data.messageID != messageID )return;//通信ID认证
- var source=e.source;
- if(typeof source=='undefined' || source!==window){//来自别的窗口
- if(!isFrame){//顶层窗口
- //console.log('top-contentscript接收到：',e);
- /*
- window.postMessage({
- messageID:messageID,
- to:data.from,
- data:'hello',
- },'*');
- */
- var img=new Image();
- img.src=data.src;
- imgReady(img,{
- ready:function(){
- LoadingAnimC.prototype.open.call({
- img:img,
- data:data.data,
- buttonType:data.buttonType,
- from:data.from,//来自哪个窗口
- });
- },
- });
- }else{//frame窗口
- //console.log('frame-contentscript接收到',e);
- };
- };
- },true);
- //页面脚本用来转发消息
- //原因chrome的contentscript无法访问非自己外的别的窗口。都会返回undefined，自然也无法向其他的窗口发送信息,这里用pagescript做个中间代理
- //通讯逻辑..A页面的contentscript发送到A页面的pagescript，pagescript转交给B页面的contentscript
- var messageID='pv-0.5106795670312598';
- var pageScript=document.createElement('script');
- var pageScriptText=function(messageID){
- var frameID=Math.random();
- var frames={
- top:window.top,
- };
- window.addEventListener('message',function(e){
- var data=e.data;
- if( !data || !data.messageID || data.messageID != messageID )return;//通信ID认证
- var source=e.source;
- if(source===window){//来自contentscript,发送出去
- data.from=frameID;
- frames[data.to].postMessage(data,'*');
- }else{//来自别的窗口的，contentscript可以直接接收，这里保存下来自的窗口的引用
- frames[data.from]=source;
- };
- },true)
- };
- pageScript.textContent='(' + pageScriptText.toString() + ')('+ JSON.stringify(messageID) +')';
- document.querySelector('head').appendChild(pageScript);
- function clikToOpen(data){
- var preventDefault = matchedRule.clikToOpen.preventDefault;
- function mouseout(){
- document.removeEventListener('mouseout',mouseout,true);
- document.removeEventListener('click',click,true);
- if(data.imgPA && preventDefault){
- data.imgPA.removeEventListener('click',clickA,false);
- };
- };
- function click(e){
- FloatBarC.prototype.open.call({
- data:data,
- },
- e,
- matchedRule.clikToOpen.type);
- };
- function clickA(e){//阻止a的默认行为
- e.preventDefault();
- };
- document.addEventListener('click',click,true);
- if(data.imgPA && preventDefault){
- data.imgPA.addEventListener('click',clickA,false);
- };
- setTimeout(function(){//稍微延时。错开由于css hover样式发生的out;
- document.addEventListener('mouseout',mouseout,true);
- },100);
- return function(){
- mouseout()
- };
- };
- //监听 mouseover
- var canclePreCTO;
- function globalMouseoverHandler(e){
- if(galleryMode)return;//库模式全屏中......
- var target=e.target;
- if(target.nodeName!='IMG' || target.classList.contains('pv-pic-not-allowed')){
- return;
- };
- var result=findPic(target);
- if(result){
- if(!floatBar){
- floatBar=new FloatBarC();
- };
- if(result.type=='rule' && matchedRule.clikToOpen && matchedRule.clikToOpen.enabled){
- if(canclePreCTO){//取消上次的，防止一次点击打开多张图片
- canclePreCTO();
- };
- canclePreCTO=clikToOpen(result);
- };
- floatBar.start(result);//出现悬浮工具栏
- };
- };
- document.addEventListener('mouseover',globalMouseoverHandler,true);
- };
- function init2(){
- init(topObject,window,document,arrayFn,envir);
- };
- var arrayFn=(function(){
- //Array的某些方法对所有的类数组都有效，比如HTMLCollection,NodeList
- //添加一个当函数返回true时，返回[array[index],index]，并且跳出循环的方法
- //类似做到 for 循环，在满足条件的时候直接break跳出的效果。
- if(typeof Array.prototype['_find']!='function'){
- Object.defineProperty(Array.prototype,'_find',{
- value:function(callback , thisArg){
- if (this == null){
- throw new TypeError( "this is null or not defined" );
- };
- if(typeof callback != 'function') {
- throw new TypeError( callback + " is not a function" );
- };
- var i = 0,
- l = this.length,
- value,
- hasOwnProperty=Object.prototype.hasOwnProperty
- ;
- while(i<l){
- if(hasOwnProperty.call(this,i)){
- value = this[i];
- if(callback.call( thisArg, value, i, this )===true){
- return [value,i,this];
- };
- };
- i++;
- };
- },
- writable:true,
- enumerable:false,//与原生方法一样不可枚举，维护网页和谐。。。
- configurable:true,
- });
- };
- var arrayProto=Array.prototype;
- return {
- _find:arrayProto._find,
- slice:arrayProto.slice,
- forEach:arrayProto.forEach,
- some:arrayProto.some,
- every:arrayProto.every,
- map:arrayProto.map,
- filter:arrayProto.filter,
- indexOf:arrayProto.indexOf,
- lastIndexOf:arrayProto.lastIndexOf,
- };
- })();
- //检测运行环境
- var envir={
- opera:!!window.opera,
- chrome:!!window.chrome,
- firefox:typeof XPCNativeWrapper=='function'? true : false,
- };
- if(document.readyState=='loading'){
- document.addEventListener('DOMContentLoaded',init2,true);
- }else if(document.readyState!='complete'){
- document.addEventListener('DOMContentLoaded',function(){
- window.removeEventListener('load',init2,true);
- init2();
- },true);
- window.addEventListener('load',init2,true);
- }else{
- init2();
- };
- })(this,window,document)
- }{ var greasedLightbox = {
- aspectRatio : null,
- timer : null,
- slideTime : 3,
- currentAddress : null,
- allImageLinks : [],
- currentImagePosition : 0,
- lastMove : 1,
- isShowing : false,
- isSlideShow : false,
- searchDefs : [
- // wikipedia (needs to come before 'show')
- {
- name : 'wikipedia',
- includeRegExp : /^https?:\/\/(.*?\.)?wikipedia\.org/i,
- linkRegExp : /.*?\/(Fi(le?|xter|txategi|gura|n?ch(ier|eiro))|Fa(il|sciculus)|Dat(oteka|ei)|Delwedd|Dosiero|Be(stand|rkas)|Billede|Skeudenn|Soubor|Slika|Pilt|Archivo|Mynd|Vaizdas|Tiedosto|Larawan|Resim):.*\.(jpe?g|gif|png)$/i,
- findImageRegExp : /(.+?)\/thumb\/(.+?)\.(jpe?g|gif|png).*$/i,
- replaceString : '$1/$2.$3',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'wikipedia'); return false; }
- }, // wikipedia
- // imagesocket (needs to come before 'show')
- {
- name : 'imagesocket',
- includeRegExp : /./, // used on every page
- linkRegExp : /^(https?:\/\/)(.*?\.)?imagesocket\.com\/(view|thumbs)\/(.*?\.(jpe?g|gif|png))$/i,
- replaceString : '$1content.imagesocket.com/images/$4',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'imagesocket'); return false; }
- }, // imagesocket
- // imagesocket site (needs to come before 'show')
- {
- name : 'imagesocketSite',
- includeRegExp : /^https?:\/\/(.*?\.)?imagesocket\.com/i,
- linkRegExp : /^\/view\/(.*?\.(jpe?g|gif|png))$/i,
- replaceString : 'http://content.imagesocket.com/images/$1',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'imagesocketSite'); return false; }
- }, // imagesocket site
- // blogger/blogspot (needs to come before 'show')
- {
- name : 'blogger',
- includeRegExp : /^https?:\/\/(.*?\.)?blog(ger|spot)\.com/i,
- linkRegExp : /^(https?:\/\/.*?\.blogger\.com\/.*?\/.*?\/.*?\/.*?)\/.*?-h(\/.*?\.(jpe?g|gif|png))$/i,
- replaceString : '$1$2',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'blogger'); return false; }
- }, // blogger/blogspot
- // radikal.ru
- {
- name : 'radikal',
- includeRegExp : /./, // used in every page
- linkRegExp : /http:\/\/(radikal.ru\/F\/)?(.*\.(jpg|png))(\.html)?$/i,
- replaceString : 'http://$2',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'radikal'); return false; }
- }, // radikal.ru
- // regular links to images
- {
- name : 'show',
- includeRegExp : /./, // used on every page
- linkRegExp : /.*?\.(jpe?g|gif|png)$/i,
- excludeLinkRegExp : /\?/i,
- showFunction : function(event) { greasedLightbox.show(event); return false; }
- }, // regular links to images
- // picasa
- /* "view in original context" is not worked propertly */
- {
- name : 'picasa',
- includeRegExp : /./, // used on every page
- linkRegExp : /https?:\/\/picasaweb\.google\..*\/.+/i,
- findImageRegExp : /^(https?:\/\/.*)\/s[0-9]+\/(.*)\.jpg$/i,
- replaceString : '$1/s1024/$2.jpg',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'picasa'); return false; }
- },
- // ipicture/upload
- {
- name : 'ipicture',
- includeRegExp : /./, // used on every page
- linkRegExp : /http:\/\/ipicture\.ru\/upload\/(.*(jpg|png|jpeg|gif))$/i,
- replaceString : 'http://ipicture.ru/upload/$1',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'picasa'); return false; }
- },
- // search engine images (google, yahoo, ask jeeves, blingo)
- {
- name : 'search',
- includeRegExp : /^https?:\/\/(.*?\.)?(google\..*|search\.yahoo\.com|blingo\.com\/images)/i,
- linkRegExp : /.*?(im(age|g)(ur(i|l)|src))=(http(s?):\/\/)?(.*?)&.*/i,
- replaceString : 'http$6://$7',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'search'); return false; }
- }, // search engine images
- // doubanpic
- {
- name : 'doubanpic',
- includeRegExp : /^http:\/\/www\.douban\.com\/subject\/[0-9]+\//i,
- linkRegExp : /^(http:\/\/t\.douban\.com\/)l(pic\/s[0-9]+\.jpg)/i,
- replaceString : '$1m$2',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'doubanpic'); return false; }
- }, // doubanpic
- // doubanphoto
- {
- name : 'doubanphoto',
- includeRegExp : /^http:\/\/www\.douban\.com\/photos\/album\/[0-9]+\//i,
- linkRegExp : /^http:\/\/www\.douban\.com\/photos\/photo\/([0-9]+)\/$/i,
- replaceString : 'http://t.douban.com/view/photo/photo/public/p$1.jpg',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'doubanphoto'); return false; }
- }, // doubanphoto
- // doubanevent
- {
- name : 'doubanevent',
- includeRegExp : /^http:\/\/www\.douban\.com\/event\/album\/[0-9]+\//i,
- linkRegExp : /^http:\/\/www\.douban\.com\/event\/photo\/([0-9]+)\/$/i,
- replaceString : 'http://t.douban.com/view/photo/photo/public/p$1.jpg',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'doubanevent'); return false; }
- }, // doubanevent
- // doubanonline
- {
- name : 'doubanonline',
- includeRegExp : /^http:\/\/www\.douban\.com\/online\/[0-9]+\/album\/[0-9]+\//i,
- linkRegExp : /^http:\/\/www\.douban\.com\/online\/[0-9]+\/photo\/([0-9]+)\/$/i,
- replaceString : 'http://img2.douban.com/view/photo/photo/public/p$1.jpg',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'doubanonline'); return false; }
- }, // doubanonline
- // doubanartist1
- {
- name : 'doubanartist1',
- includeRegExp : /^http:\/\/www\.douban\.com\/artist\/[a-z]+\/album\/[0-9]+\//i,
- linkRegExp : /^http:\/\/www\.douban\.com\/artist\/[a-z]+\/photo\/([0-9]+)\/$/i,
- replaceString : 'http://t.douban.com/view/photo/photo/public/p$1.jpg',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'doubanartist1'); return false; }
- }, // artist1
- // doubanartist2
- {
- name : 'doubanartist2',
- includeRegExp : /^http:\/\/www\.douban\.com\/artist\/[a-z]+\/public_album\/[0-9]+\//i,
- linkRegExp : /^http:\/\/www\.douban\.com\/artist\/[a-z]+\/public_photo\/([0-9]+)\/$/i,
- replaceString : 'http://t.douban.com/view/photo/photo/public/p$1.jpg',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'doubanartist2'); return false; }
- }, // doubanartist2
- // flickr
- {
- name : 'flickr',
- includeRegExp : /^https?:\/\/(.*?\.)?flickr\.com/i,
- linkRegExp : /\/photos\/[^\/]+\/[0-9]+/i,
- findImageRegExp : /_[tsm]\.jpg/i,
- replaceString : '.jpg',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'flickr'); return false; }
- }, // flickr
- /* removed support because they now have nice built-in image viewing features
- {
- name : 'facebook',
- includeRegExp : /^https?:\/\/(.*?\.)?facebook\.com/i,
- linkRegExp : /photo\.php\?pid=[0-9]+/i,
- findImageRegExp : /[st]([0-9]+.*?)\.jpg/i,
- replaceString : 'n$1.jpg',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'facebook'); return false; }
- */
- // myspace1
- {
- name : 'myspace1',
- includeRegExp : /^https?:\/\/(.*?\.)?myspace\.com/i,
- linkRegExp : /imageID=[0-9]+/i,
- findImageRegExp : /m_(.+)\.jpg/i,
- replaceString : 'l_$1.jpg',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'myspace1'); return false; }
- }, // myspace1
- // myspace2
- {
- name : 'myspace2',
- includeRegExp : /^https?:\/\/(.*?\.)?myspace\.com/i,
- linkRegExp : /imageID/i,
- findImageRegExp : /_m/i,
- replaceString : '_l',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'myspace2'); return false; }
- }, // myspace2
- // deviantart
- {
- name : 'deviantart',
- includeRegExp : /^https?:\/\/(.*?\.)?deviantart\.com/i,
- linkRegExp : /deviantart\.com\/(deviation|print|art)\/.+/i,
- findImageRegExp : /^http(s)?:\/\/.*?\.deviantart\.com\/([^\/]*)\/[^\/]*\/(.*?)\.(jpe?g|gif|png)$/i,
- replaceString : 'http$1://fc01.deviantart.com/$2/$3.$4',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'deviantart'); return false; }
- }, // deviantart
- // subvariance
- {
- name : 'subvariance',
- includeRegExp : /^https?:\/\/(.*?\.)?subvariance\.com/i,
- linkRegExp : /\/view\/[0-9]+/i,
- findImageRegExp : /\/items\/thumbs\/(.*?)\.jpg/i,
- replaceString : '/items/$1.jpg',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'subvariance'); return false; }
- }, // subvariance
- // gmail
- {
- name : 'gmail',
- includeRegExp : /^https?:\/\/mail\.google\..*/i,
- linkRegExp : /^(\/mail\/\?view=att&(amp;)?disp=)inline/i,
- replaceString : 'http://' + window.location.host + '$1emb',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'gmail'); return false; }
- }, // gmail
- // imagefap
- {
- name : 'imagefap',
- includeRegExp : /^https?:\/\/(.*?\.)?imagefap\.com/i,
- linkRegExp : /(image.php\?id=|gallery\/)[0-9]+/i,
- findImageRegExp : /\/images\/(thumb|mini)\/([0-9]+)\/([0-9]+)\/([0-9]+)\.jpg/i,
- replaceString : '/full/$2/$3/$4.jpg',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'imagefap'); return false; }
- },
- // ffffound!
- {
- name : 'ffffound',
- includeRegExp : /^https?:\/\/(.*?\.)?ffffound\.com/i,
- linkRegExp : /\/image\/[\w]+$/i,
- findImageRegExp : /img(-thumb)?\.ffffound\.com\/static-data\/assets\/([\w\/]+?)_[\w]+\.(jpe?g|gif|png)$/i,
- replaceString : 'img.ffffound.com/static-data/assets/$2.$3',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'ffffound'); return false; }
- },
- // textamerica
- /* removed support because they are now subscription-based
- {
- name : 'textamerica',
- includeRegExp : /^http(s)?:\/\/(.*?\.)?textamerica\.com/i,
- linkRegExp : /\?r=[0-9]+$/i,
- findImageRegExp : /user\.images\.x\/(.*?\/.*?)\/(.*?)\/(.*?)\.jpg(.*)$/i,
- replaceString : 'user.images.x/$1\/$3.jpg',
- showFunction : function(event) { greasedLightbox.showFrom(event, 'textamerica'); return false; }
- } // textamerica
- */
- // image http://bp2.blogger.com/_a7jkcMVp5Vg/SAGu9Ym-S2I/AAAAAAAAEoM/WCGF3uywJzE/s400/empty.jpg
- // link http://bp2.blogger.com/_a7jkcMVp5Vg/SAGu9Ym-S2I/AAAAAAAAEoM/WCGF3uywJzE/s1600-h/empty.jpg
- // final image http://bp2.blogger.com/_a7jkcMVp5Vg/SAGu9Ym-S2I/AAAAAAAAEoM/WCGF3uywJzE/s1600/empty.jpg
- ], // searchDefs[]
- // useLinkForShow()
- useLinkForShow : function(searchDef) {
- if (searchDef.findImageRegExp)
- return false;
- else
- return true;
- },
- // showFrom()
- // generic helper function that calls show() with the correct parameters
- showFrom : function(event, showName) {
- var link;
- if (event.currentTarget)
- link = event.currentTarget;
- else
- link = event;
- var address = unescape(unescape(greasedLightbox.getAddress(link)));
- var img = greasedLightbox.getImageToShow(link, address, showName);
- greasedLightbox.show(event, img, address);
- }, // showFromLink()
- // getImageToShow()
- getImageToShow : function(link, address, showName) {
- var searchDef = greasedLightbox.getRegExpObj(greasedLightbox.searchDefs, showName);
- if (greasedLightbox.useLinkForShow(searchDef)) {
- address = unescape(unescape(address));
- if (searchDef['replaceString'])
- var img = address.replace(searchDef['linkRegExp'], searchDef['replaceString']);
- else
- var img = address.match(searchDef['linkRegExp'])[0];
- } else {
- var img = greasedLightbox.containsThumb(link, greasedLightbox.getRegExpObj(greasedLightbox.searchDefs, showName), true);
- }
- return img;
- }, // getImageToShow()
- // getRegExpObj()
- // returns the requested regular expression object from the regExp array
- getRegExpObj : function(regExpObject, showName) {
- var rExObj;
- for (var i = 0; i < regExpObject.length; i++) {
- rExObj = regExpObject[i];
- if (rExObj['name'] == showName)
- return rExObj;
- }
- }, // getRegExpObj()
- // containsThumb()
- containsThumb : function(elem, rExObj, verbose) {
- var images, image, src;
- images = document.evaluate('descendant::img[@src]', elem, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
- for(var i = 0; i < images.snapshotLength; i++) {
- thisImage = images.snapshotItem(i);
- src = thisImage.getAttribute('src');
- if(rExObj['findImageRegExp'].test(src)) {
- if(!verbose) return true;
- return src.replace(rExObj['findImageRegExp'], rExObj['replaceString']);
- }
- }
- return false;
- }, // containsThumb()
- // getAddress()
- // extracts an address out of a linkObj
- getAddress : function(linkObj) {
- var address = linkObj.getAttribute('href');
- // for GreaseKit users because Safari doesn't like stopping events even though it says it does...
- if(/Safari/.test(navigator.userAgent)) {
- linkObj.onclick = function() { return false; };
- }
- return address;
- }, // getAddress()
- // getPageScroll()
- // Returns array with x,y page scroll values.
- // Core code from - quirksmode.org
- getPageScroll : function() {
- var xScroll, yScroll;
- if (self.pageYOffset) {
- yScroll = self.pageYOffset;
- } else if (document.documentElement && document.documentElement.scrollTop){ // Explorer 6 Strict
- yScroll = document.documentElement.scrollTop;
- } else if (document.body) {// all other Explorers
- yScroll = document.body.scrollTop;
- }
- if (self.pageXOffset) {
- xScroll = self.pageXOffset;
- } else if (document.documentElement && document.documentElement.scrollLeft){ // Explorer 6 Strict
- xScroll = document.documentElement.scrollLeft;
- } else if (document.body) {// all other Explorers
- xScroll = document.body.scrollLeft;
- }
- arrayPageScroll = new Array(xScroll,yScroll)
- return arrayPageScroll;
- }, // getPageScroll()
- // getPageSize()
- // Returns array with page width, height and window width, height
- // Core code from - quirksmode.org
- // Edit for Firefox by pHaez
- getPageSize : function() {
- var xScroll, yScroll;
- if (window.innerHeight && window.scrollMaxY) {
- xScroll = document.body.scrollWidth;
- yScroll = window.innerHeight + window.scrollMaxY;
- } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
- xScroll = document.body.scrollWidth;
- yScroll = document.body.scrollHeight;
- } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
- xScroll = document.body.offsetWidth;
- yScroll = document.body.offsetHeight;
- }
- var windowWidth, windowHeight;
- if (self.innerHeight) { // all except Explorer
- windowWidth = self.innerWidth;
- windowHeight = self.innerHeight;
- } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
- windowWidth = document.documentElement.clientWidth;
- windowHeight = document.documentElement.clientHeight;
- } else if (document.body) { // other Explorers
- windowWidth = document.body.clientWidth;
- windowHeight = document.body.clientHeight;
- }
- // for small pages with total height less then height of the viewport
- if(yScroll < windowHeight){
- pageHeight = windowHeight;
- } else {
- pageHeight = yScroll;
- }
- // for small pages with total width less then width of the viewport
- if(xScroll < windowWidth){
- pageWidth = windowWidth;
- } else {
- pageWidth = xScroll;
- }
- arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
- return arrayPageSize;
- }, // getPageSize()
- // center()
- // centers the object in the page
- center : function(objToCenter, arrayPageScroll, arrayPageSize) {
- var oldDisplay = new Array(objToCenter.style.visibility, objToCenter.style.display);
- objToCenter.style.display = 'none';
- var arrayPageScroll = (arrayPageScroll) ? arrayPageScroll : greasedLightbox.getPageScroll();
- var arrayPageSize = (arrayPageSize) ? arrayPageSize : greasedLightbox.getPageSize();
- objToCenter.style.visibility = 'hidden';
- objToCenter.style.display = 'block';
- var objTop = arrayPageScroll[1] + ((arrayPageSize[3] + 35 - objToCenter.offsetHeight) / 2);
- var objLeft = (arrayPageSize[0] - objToCenter.offsetWidth) / 2;
- objToCenter.style.top = (objTop < 0) ? "0px" : objTop + "px";
- objToCenter.style.left = (objLeft < 0) ? "0px" : objLeft + "px";
- objToCenter.style.visibility = oldDisplay[0];
- objToCenter.style.display = oldDisplay[1];
- }, // center()
- // centerItAll()
- // Centers the lightbox object and the loading/error object on the page
- centerItAll : function() {
- var objLightbox = document.getElementById('greasedLightbox');
- var objLoading = document.getElementById('greasedLightboxLoading');
- var arrayPageSize = greasedLightbox.getPageSize();
- var arrayPageScroll = greasedLightbox.getPageScroll();
- greasedLightbox.center(objLightbox, arrayPageScroll, arrayPageSize);
- greasedLightbox.center(objLoading, arrayPageScroll, arrayPageSize);
- }, // centerItAll()
- // show()
- // Preloads images. Pleaces new image in lightbox then centers and displays.
- show : function(event, img, context) {
- //alert(img);
- // let shift+click and ctrl+click (but not ctrl+shift+click) through without lightbox
- if ((event.shiftKey || event.ctrlKey) && !(event.shiftKey && event.ctrlKey)) return true;
- // if this is a real event stop the click and set the link, otherwise, just set the link
- if (event.currentTarget) {
- var link = event.currentTarget;
- greasedLightbox.stopEvents(event);
- } else {
- var link = event;
- }
- if (img == null || img == '') img = link.getAttribute('href');
- greasedLightbox.currentAddress = unescape(unescape(greasedLightbox.getAddress(link)));
- // make ctrl+shift+click follow link without lightbox
- if (event.shiftKey && event.ctrlKey) {
- window.location.href = greasedLightbox.currentAddress;
- return true;
- }
- // center when resized
- if (greasedLightbox.isShowing != true)
- window.addEventListener('resize', greasedLightbox.centerItAll, true);
- greasedLightbox.isShowing = true;
- // get the caption from the title attribute of the link. if that doesn't exist, look for it in the title attribute of the image.
- capt = link.getAttribute('title');
- if (capt == null || capt == '') {
- try {
- var imgObj = link.firstChild;
- capt = imgObj.getAttribute('title');
- } catch (e) { }
- }
- if (capt == null || capt == '') {
- try {
- var imgObj = link.firstChild;
- capt = imgObj.getAttribute('alt');
- } catch (e) { }
- }
- // prep objects
- var objOverlay = document.getElementById('greasedLightboxOverlay');
- var objMenu = document.getElementById('greasedLightboxMenu');
- var objLightbox = document.getElementById('greasedLightbox');
- var objCaption = document.getElementById('greasedLightboxCaption');
- var imgPreload = document.getElementById('greasedLightboxPreload');
- var objImage = document.getElementById('greasedLightboxImage');
- var objLoading = document.getElementById('greasedLightboxLoading');
- objOverlay.style.display = 'none'; // This will ensure that we have a correct reading of the page size
- var arrayPageSize = greasedLightbox.getPageSize();
- var arrayPageScroll = greasedLightbox.getPageScroll();
- // set height of Overlay to take up whole page and show
- objOverlay.style.height = (arrayPageSize[1] + 'px');
- objOverlay.style.display = 'block';
- // show menu
- objMenu.style.display = 'block';
- // center loader and error message
- objLoading.style.visibility = 'hidden';
- objLoading.style.display = 'block';
- greasedLightbox.center(objLoading, arrayPageScroll, arrayPageSize);
- objLoading.style.visibility = 'visible';
- var imgPreload = document.getElementById('greasedLightboxPreload');
- // preload image
- preloaderDone = function() {
- loaderDone = function() {
- objImage.removeAttribute('width');
- objImage.removeAttribute('height');
- greasedLightbox.aspectRatio = null;
- if (capt) {
- objCaption.innerHTML = capt;
- } else {
- objCaption.innerHTML = img;
- }
- // dimensions
- // objCaption.innerHTML = objCaption.innerHTML + '<br/><br/>(width: ' + objImage.width + 'px; height: ' + objImage.height + 'px;)';
- // add a link for context
- if (context) objCaption.innerHTML = objCaption.innerHTML + '<br/><br/><a href="' + context + '">' + greasedLanguage[greasedLanguage.language][0].context + '</a>';
- // center lightbox and make sure that the top and left values are not negative
- // and the image placed outside the viewport
- //objLightbox.style.visibility = 'hidden';
- objLightbox.style.display = 'block';
- greasedLightbox.aspectRatio = objImage.height / objImage.width;
- // if image is larger than the screen
- if (objImage.height > arrayPageSize[3] - 70) {
- var newHeight = arrayPageSize[3] - 70;
- var newWidth = (objImage.width / objImage.height) * newHeight;
- objImage.height = newHeight;
- objImage.width = newWidth;
- }
- if (objImage.width > arrayPageSize[2] - 70) {
- var newWidth = arrayPageSize[2] - 70;
- var newHeight = greasedLightbox.aspectRatio * newWidth;
- objImage.height = newHeight;
- objImage.width = newWidth;
- }
- greasedLightbox.center(objLightbox, arrayPageScroll, arrayPageSize);
- // if it went bigger than the page
- if (objLightbox.offsetHeight > objOverlay.offsetHeight) objOverlay.style.height = objLightbox.offsetHeight + 'px';
- if (objLightbox.offsetWidth > objOverlay.offsetwidth) objOverlay.style.width = objLightbox.offsetWidth + 'px';
- greasedLightbox.center(objLightbox, arrayPageScroll, arrayPageSize);
- objLoading.style.display = 'none';
- objCaption.style.display = 'block';
- objLightbox.style.visibility = 'visible';
- // clean it up a bit for memory's sake
- objImage.removeEventListener('load', loaderDone, false);
- imgPreload.removeEventListener('load', preloaderDone, false);
- imgPreload.removeEventListener('error', greasedLightbox.noImage, false);
- imgPreload.src = '';
- if (greasedLightbox.isSlideShow)
- greasedLightbox.timer = setTimeout(function(event) { greasedLightbox.moveSlide(event, 1) }, greasedLightbox.slideTime * 1000);
- return false;
- } // loaderDone()
- objImage.addEventListener('load', loaderDone, false);
- objImage.src = img;
- return false;
- } // preloaderDone()
- if (imgPreload.src != img) {
- imgPreload.addEventListener('load', preloaderDone, false);
- imgPreload.addEventListener('error', greasedLightbox.noImage, false);
- imgPreload.src = img;
- } else {
- preloaderDone();
- }
- // hides flash movies that peek through the overlay
- var obtrusives, thisObtrusive;
- obtrusives = document.evaluate('//object|//embed|//iframe', document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
- for(var i = 0; i < obtrusives.snapshotLength; i++) {
- thisObtrusive = obtrusives.snapshotItem(i);
- thisObtrusive.style.visibility = 'hidden';
- }
- if (greasedLightbox.allImageLinks.length > 1) {
- // initialize slideshow
- // set currentImagePosition
- findCurrentPosition : for(var i = 0; i < greasedLightbox.allImageLinks.length; i++) {
- if (greasedLightbox.allImageLinks[i]['link'] == link) {
- greasedLightbox.currentImagePosition = i;
- break findCurrentPosition;
- }
- } // for()
- // pre-fetch next image
- if (!window.opera) { // for some reason this pre-fetching breaks lightbox in opera
- var imgPrefetch = document.getElementById('greasedLightboxPrefetch');
- var nextImagePosition = (greasedLightbox.currentImagePosition + greasedLightbox.lastMove) % greasedLightbox.allImageLinks.length;
- if (nextImagePosition < 0) nextImagePosition = greasedLightbox.allImageLinks.length - 1;
- var nextImage = greasedLightbox.allImageLinks[nextImagePosition];
- var nextImageSrc = greasedLightbox.getImageToShow(nextImage['link'], greasedLightbox.getAddress(nextImage['link']), nextImage['name']);
- imgPrefetch.src = nextImageSrc;
- }
- } // if()
- }, // show()
- // slideShow()
- // cycles through all of the lightboxable images
- slideShow: function(cmd) {
- var objMenuButtonShow = document.getElementById('greasedLightboxButtonSlide');
- if (cmd != 'stop') { // start the show
- greasedLightbox.isSlideShow = true;
- greasedLightbox.moveSlide(null, 1);
- // switch function to stop button
- objMenuButtonShow.removeEventListener('click', greasedLightbox.slideShow, false);
- objMenuButtonShow.innerHTML = '\u2169';
- objMenuButtonShow.addEventListener('click', function(event) { greasedLightbox.slideShow('stop') }, false);
- }
- else { // stop the show
- clearTimeout(greasedLightbox.timer);
- greasedLightbox.isSlideShow = false;
- objMenuButtonShow.removeEventListener('click', function(event) { greasedLightbox.slideShow('stop') }, false);
- objMenuButtonShow.innerHTML = '\u21BB';
- objMenuButtonShow.addEventListener('click', greasedLightbox.slideShow, false);
- }
- }, // slideShow()
- // hide()
- // Stops the preloader in case it hasn't finished and then hides all of the lightbox components
- hide : function(event) {
- greasedLightbox.stopEvents(event);
- greasedLightbox.isShowing = false;
- window.removeEventListener('resize', greasedLightbox.centerItAll, true);
- // get objects
- var objPreloader = document.getElementById('greasedLightboxPreload');
- var objLoading = document.getElementById('greasedLightboxLoading');
- var objError = document.getElementById('greasedLightboxError');
- var objOverlay = document.getElementById('greasedLightboxOverlay');
- var objLightbox = document.getElementById('greasedLightbox');
- var objMenu = document.getElementById('greasedLightboxMenu');
- var imgPreload = document.getElementById('greasedLightboxPreload');
- // stop preloader
- objPreloader.removeEventListener('load', preloaderDone, false);
- imgPreload.removeEventListener('error', greasedLightbox.noImage, false);
- //imgPreload.src = '';
- // show flash movies again
- var obtrusives, thisObtrusive;
- obtrusives = document.evaluate('//object|//embed|//iframe', document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
- for(var i = 0; i < obtrusives.snapshotLength; i++) {
- thisObtrusive = obtrusives.snapshotItem(i);
- thisObtrusive.style.visibility = 'visible';
- }
- // hide everything
- objLoading.style.display = 'none';
- objError.style.display = 'none';
- objOverlay.style.display = 'none';
- objLightbox.style.display = 'none';
- objMenu.style.display = 'none';
- }, // hide()
- // halt()
- // stops the slideshow and hides the lightbox
- halt : function() {
- greasedLightbox.slideShow('stop');
- greasedLightbox.hide();
- },
- // stopEvents()
- stopEvents : function(event) {
- if (event) {
- if (event.stopPropagation) event.stopPropagation();
- if (event.preventDefault) event.preventDefault();
- }
- },
- // resize()
- resize : function(event, resizeByAmount) {
- greasedLightbox.stopEvents(event);
- // stop slidshow
- greasedLightbox.slideShow('stop');
- // resize the image
- var objImage = document.getElementById('greasedLightboxImage');
- var imgPreload = document.getElementById('greasedLightboxPreload');
- if (resizeByAmount == 0) {
- objImage.removeAttribute('width');
- objImage.removeAttribute('height');
- } else {
- var newWidth = objImage.width + (objImage.width * (resizeByAmount/100));
- var newHeight = this.aspectRatio * newWidth;
- if (newWidth > 30 || newHeight > 30) {
- objImage.width = newWidth;
- objImage.height = newHeight;
- }
- }
- // re-center the lightbox
- var objLightbox = document.getElementById('greasedLightbox');
- greasedLightbox.center(objLightbox);
- }, // resize()
- // noImage()
- // Displays a nice error message when no image can be found.
- noImage : function(event) {
- var objLoading = document.getElementById('greasedLightboxLoading');
- var objError = document.getElementById('greasedLightboxError');
- var objErrorContext = document.getElementById('greasedLightboxErrorContext');
- objError.style.visibility = 'hidden';
- objError.style.display = 'block';
- objErrorContext.innerHTML = '<a href="' + greasedLightbox.currentAddress + '">' + greasedLanguage[greasedLanguage.language][0].context + '</a>';
- greasedLightbox.center(objError);
- objLoading.style.display = 'none';
- objError.style.visibility = 'visible';
- if (greasedLightbox.isSlideShow)
- greasedLightbox.timer = setTimeout(function(event) { greasedLightbox.moveSlide(event, 1) }, 500);
- }, // noImage()
- // handleKey(event)
- // handles keypress. If 'x' is pressed then it hides the lightbox. If a left or right arrow is pressed it cycles through images on a page
- handleKey : function(event) {
- if (greasedLightbox.isShowing) {
- var keycode = event.which;
- var key = String.fromCharCode(keycode).toLowerCase();
- switch(key) {
- case 'x':
- greasedLightbox.halt(event);
- break;
- case '+': // increase size
- greasedLightbox.resize(event, 13);
- break;
- case '-': // decrease size
- greasedLightbox.resize(event, -13);
- break;
- case '0': // set to default size
- greasedLightbox.resize(event, 0);
- break;
- /* @todo
- case 'v': // view image in original context
- break;
- */
- default:
- switch(event.keyCode) {
- // esc key
- case 27:
- greasedLightbox.halt(event);
- break;
- // left arrow
- case 37: // firefox
- case 63234: // safari
- greasedLightbox.slideShow('stop');
- greasedLightbox.moveSlide(event, -1);
- break;
- // right arrow
- case 39: // firefox
- case 63235: // safari
- greasedLightbox.slideShow('stop');
- greasedLightbox.moveSlide(event, 1);
- break;
- } // switch(event.keyCode)
- break;
- } // switch(key)
- } // if
- }, // getKey()
- // moveSlide()
- // loads another image from allImageLinks[]
- moveSlide : function(event, moveByAmount) {
- if (greasedLightbox.allImageLinks.length > 1) {
- if (greasedLightbox.currentImagePosition + moveByAmount == -1) greasedLightbox.currentImagePosition = greasedLightbox.allImageLinks.length;
- var newSlidePosition = (greasedLightbox.currentImagePosition + moveByAmount) % greasedLightbox.allImageLinks.length;
- var slideToLoad = greasedLightbox.allImageLinks[newSlidePosition];
- greasedLightbox.hide(event);
- slideToLoad['showFunction'](slideToLoad['link']);
- greasedLightbox.lastMove = moveByAmount;
- } // if
- }, // moveSlide()
- // lightBulbOnIcon
- // used when an update is available
- lightBulbOnIcon :"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAABGdBTUEAAK%2FINwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKgSURBVDjLlZLrS1NxGMd90ZvovdEfEBEUEhZIb0xMjdyLIuyGkiHGUFKydFKKJiRegjIyFJRwojMxzfJSaVOYeTfxtpSNuZ1tXnY2z27nsss5334uWloG9uLD7%2FA7z%2FfzPPx4IgBE7ISl3qWyelUvu9JIueZqeOdUmcCMFDgcQ3fntjSK0j%2Frwx%2BcsesIZ3jbL1j6EbCPIej5DpE3QRIoBJ3LEFb74BjIxkbXVYNdrTixS8Ca3h%2Fy6pSTfloD0UcRjCS8BJGbRdA7QRgjd1pIfhruyeewKOMdm%2BrCw2GBV1tXKZh7SIEVoqAjpwVS0AlIvhBSkCGyeQRcPYDogO1DNixvrveFBa6ZCkuAmSe1OtJpFVLATkJboWCIAE3%2BGYngI6ENgnUK%2BhcxfFiw9fWRT%2BRWEWTHEeRmyPhaMvYCgu5ZEpgkbzCCgPszBNsr8NY8iF4Ky5WnpLDArs41%2BzYnSPdF8OYi0qEcTHc6mF45mJ4M2Ftl4C1lYPU34KerwFNTWKmO%2Fj2BfbiwghmvJuPawZsUsNVHgTPlEx6ANcjJeR9r5QfhWUqEJOlhbc%2BFoV42FBY4R0sPbPbKlz2LLeQB9aCbYkJhzpIFlkoDZ8zDRk0kRHYYrm8d0JYeEyyduUd37QH9pTBqvSOV9iy0wtmZ%2BVNAOm%2BHOeM92JtlYDQN0JYcD1BtmTf%2FWqRtbJ%2FyTxtUt9fXGhPBq5MhriVBtMYhoLkMQ1Ek5sqi3eb2O4l7buIvhlRPkmsfZ%2Fibax%2BiruosnpacQUFOOq7Fn5TUypJz%2F1zlnRQr5JSypRVKZRvq6htR%2FewlriTH03vV7ilQ5NwaHRgchM1GY3p6Bq%2BbmpEii9XtWzCgqkhLuXSBTUg4L8XFxUoXk2K57obirH0L%2FocfNQ8V8wE%2BuE0AAAAASUVORK5CYII%3D')",
- // showUpdate()
- // shows the user that an update is available
- showUpdate : function(latestVersion) {
- var titleLink = document.getElementById('greasedLightboxTitleLink');
- titleLink.setAttribute('title', greasedLanguage[greasedLanguage.language][0].update + ' (v' + latestVersion + ')');
- titleLink.innerHTML = titleLink.innerHTML + ' - ' + greasedLanguage[greasedLanguage.language][0].update + ' (v' + latestVersion + ')';
- var cssStr = '#greasedLightboxTitleLink { background-image: ' + greasedLightbox.lightBulbOnIcon + ' !important; }';
- var styleSheet = document.getElementById('greasedLightboxCSS');
- var cssText = document.createTextNode(cssStr);
- styleSheet.appendChild(cssText);
- },
- // init()
- // Function runs on window load, going through link tags looking for links to images.
- // These links receive onclick events that enable the lightbox display for their targets.
- // The function also inserts html markup at the top of the page which will be used as a
- // container for the overlay pattern and the inline image.
- init : function() {
- // initialize localization
- greasedLanguage.init();
- // set up list of searchDefs to use based on how includeRegExp matches window.location.href
- var currentURL, searchDefsToUse;
- currentURL = window.location.href;
- searchDefsToUse = new Array();
- for(var i = 0; i < greasedLightbox.searchDefs.length; i++) {
- if(greasedLightbox.searchDefs[i]['includeRegExp'].test(currentURL)) searchDefsToUse.push(greasedLightbox.searchDefs[i]);
- }
- if(!searchDefsToUse.length) return;
- // set variables
- var links, thisLink, href, lightboxedLinksTotal = 0;
- links = document.evaluate('//a[@href]', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
- for(var i = 0; i < links.snapshotLength; i++) {
- thisLink = links.snapshotItem(i);
- href = unescape(thisLink.getAttribute('href'));
- // check regularExpressions from searchDefsToUse
- checkLink : for (var ii = 0; ii < searchDefsToUse.length; ii++) {
- // for links that reveal larger image's location
- if (!searchDefsToUse[ii]['findImageRegExp']) {
- if(searchDefsToUse[ii]['linkRegExp'].test(href)) {
- if (!searchDefsToUse[ii]['excludeLinkRegExp'] || !searchDefsToUse[ii]['excludeLinkRegExp'].test(href)) {
- if (!(thisLink.getAttribute('rel') && thisLink.getAttribute('rel').toLowerCase().match('lightbox'))) // prevents doubling lightboxes
- thisLink.addEventListener('click', searchDefsToUse[ii]['showFunction'], true);
- this.allImageLinks[lightboxedLinksTotal] = new Array(3);
- this.allImageLinks[lightboxedLinksTotal]['name'] = searchDefsToUse[ii]['name'];
- this.allImageLinks[lightboxedLinksTotal]['showFunction'] = searchDefsToUse[ii]['showFunction'];
- this.allImageLinks[lightboxedLinksTotal]['link'] = thisLink;
- lightboxedLinksTotal++;
- break checkLink;
- }
- }
- // for links that contain images that reveal larger image's location
- } else if (searchDefsToUse[ii]['findImageRegExp']) {
- if(this.containsThumb(thisLink, searchDefsToUse[ii], false)) {
- if(searchDefsToUse[ii]['linkRegExp'].test(href)) {
- if (!searchDefsToUse[ii]['excludeLinkRegExp'] || !searchDefsToUse[ii]['excludeLinkRegExp'].test(href)) {
- if (!(thisLink.getAttribute('rel') && thisLink.getAttribute('rel').toLowerCase().match('lightbox'))) // prevents doubling lightboxes
- thisLink.addEventListener('click', searchDefsToUse[ii]['showFunction'], true);
- /*for (ii = 0; ii < lightboxedLinksTotal; ii++) {
- if(greasedLightbox.allImageLinks[ii]['link'] == links[i]) break checkLink;
- }*/
- this.allImageLinks[lightboxedLinksTotal] = new Array(3);
- this.allImageLinks[lightboxedLinksTotal]['name'] = searchDefsToUse[ii]['name'];
- this.allImageLinks[lightboxedLinksTotal]['showFunction'] = searchDefsToUse[ii]['showFunction'];
- this.allImageLinks[lightboxedLinksTotal]['link'] = thisLink;
- lightboxedLinksTotal++;
- break checkLink;
- }
- }
- }
- }
- } // checkLink : for()
- } // for()
- if (lightboxedLinksTotal == 0) return;
- window.addEventListener('unload', this.unload, false);
- var objBody = document.getElementsByTagName("body").item(0);
- var pngOverlay = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK%2FINwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYmJgYDgDEGAAANsAz1TKIeAAAAAASUVORK5CYII%3D')";
- var lightbulbOffIcon = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAABGdBTUEAAK%2FINwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJOSURBVDjLlZLdTxJQGMa96K4%2FoPUHdFfrpntyZrXsoq25tlbroi6qi7ZuYsuZ0UXRWiv72NS0gjIgDQ1LS0wkwU%2FUVEREUkEIBBFE%2BV48ve%2FZICza7OLZOTt739%2FznHPeEgAlhZpyB8%2BMLa58HHL63H2zy4muycVku8UZahl2TNJ688%2F6wsbd31yBLps3BNdqFCvrMYRjSURIvOdzzdAcmozWhTaLc%2B8WADXvHHb6RhYCEdEU2kiIJu%2FaBtwEywE3k2lQKjz8NB7Sjs7vygPMDu9ddogmUliNxsWaSGfwM5sViqcy%2BBHeFCl4r6YkzwzTnXlA9%2FSSh924md25qFDszMnmfGuga4pEd3QjiTxAN%2F49xY0c10MgjsuOuSssBdfh8IdBSUG1AibTDmbzAHrhZab6IzHQq6N3xo3%2BLyqY%2B1phMmig%2F9AISolm8yyMdo9IcKtt6HcC%2Bh653uoScTsJ0K65jw5yYrWOOISrol6Kht4pcUV%2Bg0efJwx5ADXtUA3a7aMLflHQoa0VzfTSoHMBUClqwL9EM4Lrb01JOt%2BzZQ7ob%2Fc%2FN1qDDGEHBugKxO6mOS%2BqWswZRb%2Ft9F%2BDxCLHAzQovsfdEyAYXn6d4cHBa7r7NXU%2FbrwbiCpNtsNFJzEnaqp4KjufblDU4XbtJVTJL%2BBqjQynyvZl6e8P%2FnOUC1UtvehWNr%2BBUqlGXX0T7j14gpMVZcFitUUB0ivnBvQ9PQgEgrBYxvBC8QqVxyXz2wboVfKzlSeOxsrLD2VLSyXZY0ck8feN1Ze3Dfgf%2FQJBCig%2B4GhFlwAAAABJRU5ErkJggg%3D%3D')";
- // CSS
- var head, styleSheet, cssStr, cssText;
- head = document.getElementsByTagName('head')[0];
- styleSheet = document.createElement('style');
- styleSheet.setAttribute('id','greasedLightboxCSS');
- styleSheet.setAttribute('type','text/css');
- head.appendChild(styleSheet);
- cssStr = ''+
- '#greasedLightboxOverlay { position: absolute; top: 0; left: 0; z-index: 10000000; width: 100%; background-image: ' + pngOverlay + '; background-repeat: repeat; cursor: pointer; }'+
- '#greasedLightboxMenu { position: fixed; top: 0; left: 0; width: 100%; z-index: 10000100; background: #000; font-family: "Terbuchet MS", Tahoma, Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; height: 35px; line-height: 35px; opacity: .5; }'+
- '#greasedLightboxMenu:hover { opacity: 1; }'+
- 'a#greasedLightboxTitleLink { position: absolute; top: 0; left: 0; display: block; height: 35px; line-height: 35px; margin: 0 5px; padding: 0 5px 0 27px; background-image: ' + lightbulbOffIcon + '; background-repeat: no-repeat; background-position: 5px 55%; color: #aaa; background-color: #000; text-decoration: none; cursor: pointer; z-index: 10000450; }'+
- 'a#greasedLightboxTitleLink:hover { color: #fff; background-color: #333; }'+
- '#greasedLightboxButtons { position: absolute; top: 0; left: 0; height: 35px; width: 100%; line-height: 35px; margin: 0; padding: 0; z-index: 10000400; }'+
- '#greasedLightboxButtons a { display: block; width: 33px; height: 33px; border: 1px solid #000; background: #000; cursor: pointer; float: right; text-align: center; color: #aaa; z-index: 10000450; }'+
- '#greasedLightboxButtons a:hover { border-color: orange; background-color: #333; color: #fff; }'+
- '#greasedLightboxLoading { position: absolute; z-index: 10000050; color: #fff; font-weight: bold; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; text-align: center; line-height: 2em; }'+
- 'p#greasedLightboxLoadingText { margin: 0; padding: 25px 0 5px 0; font-size: 45px; color: #fff; font-weight: bold; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; line-height: 1em; text-align: center; }'+
- 'p#greasedLightboxLoadingHelp { margin: 0; padding: 5px 0; font-weight: normal; font-size: 11px; color: #fff; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; line-height: 1em; text-align: center; }'+
- '#greasedLightboxError { position: absolute; z-index: 10000050; text-align: center; background: #000; color: #aaa; padding: 10px; border: 1px solid #444; -moz-border-radius: 10px; font-family: verdana, sans-serif; font-size: 11px; }'+
- 'p#greasedLightboxErrorMessage { color: #fff; font-size: 45px; font-weight: bold; margin: 10px 20px; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; text-decoration: none; border: none; text-align: center; }'+
- '#greasedLightboxError a, #greasedLightbox a { color: #aaa; text-decoration: none; border-bottom: 1px solid #777; }'+
- 'p#greasedLightboxErrorContext { margin: 0; padding: 5px 0; font-weight: normal; font-size: 11px; color: #fff; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; line-height: 1em; text-align: center; }'+
- '#greasedLightbox { position: absolute; z-index: 10000050; text-align: center; background: #000; color: #aaa; padding: 10px; border: 1px solid #444; -moz-border-radius: 10px; font-family: verdana, sans-serif; font-size: 12px; }'+
- 'img#greasedLightboxImage { border: none; cursor: pointer; }'+
- 'img#greasedLightboxImage, img#greasedLightboxPreload, img#greasedLightboxPrefetch { max-height: none; max-width: none; }'+
- '#greasedLightbox, #greasedLightboxMenu, #greasedLightboxOverlay, #greasedLightboxError, #greasedLightboxLoading, img#greasedLightboxPreload, img#greasedLightboxPrefetch { display: none; }'+
- '#greasedLightboxCaption { color: #aaa; padding: 10px 0; }';
- cssText = document.createTextNode(cssStr);
- styleSheet.appendChild(cssText);
- // overlay div
- var objOverlay = document.createElement("div");
- objOverlay.addEventListener('click', greasedLightbox.halt, false);
- objOverlay.setAttribute('id','greasedLightboxOverlay');
- objBody.appendChild(objOverlay);
- // menu div
- var objMenu = document.createElement("div");
- objMenu.setAttribute('id', 'greasedLightboxMenu');
- objBody.appendChild(objMenu);
- // title link
- var objMenuLink = document.createElement("a");
- objMenuLink.setAttribute('id', 'greasedLightboxTitleLink');
- objMenuLink.setAttribute('href', 'http://userscripts.org/users/426977/scripts');
- objMenuLink.innerHTML = 'Keyser Söze Scripts';
- objMenu.appendChild(objMenuLink);
- // menu buttons div
- var objMenuButtons = document.createElement("div");
- objMenuButtons.setAttribute('id', 'greasedLightboxButtons');
- objMenu.appendChild(objMenuButtons);
- // right button
- var objMenuButtonRight = document.createElement("a");
- objMenuButtonRight.setAttribute('id', 'greasedLightboxButtonRight');
- objMenuButtonRight.setAttribute('title', greasedLanguage[greasedLanguage.language][0].next);
- objMenuButtonRight.innerHTML = '\u2192';
- objMenuButtonRight.addEventListener('click', function(event) { greasedLightbox.slideShow('stop'); greasedLightbox.moveSlide(event, 1); }, false);
- objMenuButtons.appendChild(objMenuButtonRight);
- // left button
- var objMenuButtonLeft = document.createElement("a");
- objMenuButtonLeft.setAttribute('id', 'greasedLightboxButtonLeft');
- objMenuButtonLeft.setAttribute('title', greasedLanguage[greasedLanguage.language][0].previous);
- objMenuButtonLeft.innerHTML = '\u2190';
- objMenuButtonLeft.addEventListener('click', function(event) { greasedLightbox.slideShow('stop'); greasedLightbox.moveSlide(event, -1); }, false);
- objMenuButtons.appendChild(objMenuButtonLeft);
- // magnify button
- var objMenuButtonPlus = document.createElement("a");
- objMenuButtonPlus.setAttribute('id', 'greasedLightboxButtonPlus');
- objMenuButtonPlus.setAttribute('title', greasedLanguage[greasedLanguage.language][0].magnify);
- objMenuButtonPlus.innerHTML = '+';
- objMenuButtonPlus.addEventListener('click', function(event) { greasedLightbox.slideShow('stop'); greasedLightbox.resize(event, 13); }, false);
- objMenuButtons.appendChild(objMenuButtonPlus);
- // shrink button
- var objMenuButtonMinus = document.createElement("a");
- objMenuButtonMinus.setAttribute('id', 'greasedLightboxButtonMinus');
- objMenuButtonMinus.setAttribute('title', greasedLanguage[greasedLanguage.language][0].shrink);
- objMenuButtonMinus.innerHTML = '-';
- objMenuButtonMinus.addEventListener('click', function(event) { greasedLightbox.slideShow('stop'); greasedLightbox.resize(event, -13); }, false);
- objMenuButtons.appendChild(objMenuButtonMinus);
- // slideshow button
- var objMenuButtonShow = document.createElement('a');
- objMenuButtonShow.setAttribute('id', 'greasedLightboxButtonSlide');
- objMenuButtonShow.setAttribute('title', greasedLanguage[greasedLanguage.language][0].slideshow);
- objMenuButtonShow.innerHTML = '\u21BB';
- objMenuButtonShow.addEventListener('click', greasedLightbox.slideShow, false);
- objMenuButtons.appendChild(objMenuButtonShow);
- // loader div
- var objLoading = document.createElement("div");
- objLoading.setAttribute('id','greasedLightboxLoading');
- objLoading.addEventListener('click', greasedLightbox.halt, false);
- objBody.appendChild(objLoading);
- var loadingGif = document.createElement('img');
- loadingGif.src = "data:image/gif,GIF89a%80%00%80%00%A2%00%00%FF%FF%FF%DD%DD%DD%BB%BB%BB%99%99%99%00%00%FF%00%00%00%00%00%00%00%00%00!%FF%0BNETSCAPE2."+
- "0%03%01%00%00%00!%F9%04%05%05%00%04%00%2C%02%00%02%00%7C%00%7C%00%00%03%FFH%BA%DC%FE0%CA%06*%988%EB%CD%BB_%96%F5%8Ddibax%AEl%AB%A5%A2%2B%CF.%5C%D1x%"+
- "3E%DA%97%EE%FF%12%1EpHT%08%8B%C8G%60%190%1DI%83%E8%20%F9a2K%CF%8FTJ%E5X%AD%A4lg%BB%EDj%BE%D7%9D%0DJ%8E%9A3%E8%B4G%BCis%DF%93%B8%9CC%CF%D8%EFx%12zMsk"+
- "%1E%7FS%81%18%83%850%87%7F%8Apz%8D)%8Fv%91%92q%1D%7D%12%88%98%99%9A%1B%9C%10%88%89%9Fy%93%A2%86%1A%9E%A7%8B%8C%2F%AB%18%A5%AE%A0_%AA%8E%AC%90%B5%B6%"+
- "60%19%A3%0D%AD%BC%AF%A1(%B2%9D%BB%C3%C4h%BF%C7%A4%C9%CA%A8%A9A%CE%0E%B4%D1%BD%7B%10%C0%0A%C2%D8%D2%C5%DB%D5%0C%D7%DF%CB%B7%13%B9%C8%97x%02%EE%02%2B%"+
- "B0%D47%13%DEln%1E%EF%EF'%F2%2B%F6Zd%3A%E8%1Bhb%9A%3Fv%F7%DAp%18%C8%90%84%C1%13%D0%C6%94%CB%C0%B0%E2%08f2%14%02%2Ce%8A%FFb%C5%86U%B4%B5(%B3%91%A3%C0%"+
- "8F%20%CD%CD%E2%08h!%CA%94*%AD%B1l%99%EF%25%C1%98%0Bf%D2%1Ca%F3fL%9D%F8X%F4%D4g%0EhG%17C%F7%0D3%EA%23%A9%3B%5EL%818u%054%C9P%AA%2C%DF%D8%C4%FA%8F%CAK"+
- "%AE%08%15Y%AC%15%F6%13%D1%A5%3Bq%AA%5D%CB%B6%AD%DB%B7p%E3%CA%9DK%B7%AE%DD%BBx%F3B4%DA%F5%1B_a%7F'%16%0D%0C%89%B0%E0h%86%13%F3%FD%A9%B8qV%95%8E%23%F7"+
- "%85*%D9Me%B5%97%BB9f%1BY%AF%E7%CF%A0C%8B%1EM%BA%B4%E9%D3%A8S%AB%C6A%92r%D0Se1%C5~s8P%ED%24%26a%DF%1E2%13%EC%E4%1CUu%F7%06%12%D5wn%E0%C1%5D%0F%9FQ%1C"+
- "q%F2%83%3A1%3FO%F8Xzt%EA%C7%DB6%AFs%5D%EE%F4%95%D5%25%BEv%D1Z%7Cv%F0%BB%EB%05%CC%B8%DERz%99%BF%D5kd%11%91%C3y%F9%F3G%D4%2F%B1%DF~%FF%08%BC%F9%E9%F7_"+
- "I%EDaW%12t%01%3EP%DE3%B3%B9g%DB%80%9A-%A8%20%84%8CAha%7C%90Q%A8!%85~a%B8!%87%CE5%18%8C%88%E4%80%88%16%89%25%26%C8%A0%8A%19%A2%98%93%8B%11%B2%D8!%8C1"+
- "J%08%A0%89%9F%BC%97b%81%F8%C9x%A2%8F%F0%F1%D8%A3%8D%CA%E8%B8%23%91%2B%02)%9C%92%232y%24%92%C6%A55%E4x~%E0H%9B%95%04%60%89%A1%22%5B%06%09%E5%8D4%9Aa%"+
- "A4%97RNY%26%97X%D6x%E6%3ANv%91%A6%9ATr%D7%26%15of%19%26%99q%E6(%A4%7Fs%929%E3Q%EE%7D%89%1Eiu%AAVhj%87%A2%96%E8i%8B%9A%D6%A8%A3%7B%AE%C6'%A0%AE%24%00"+
- "%00!%F9%04%05%05%00%04%00%2C%0A%00%02%00W%000%00%00%03%FFH%BA%DC%FE0%BE%40%83%BC8%EB%3D%2B%E5%60(J%9E7%9E(WVi%EBv%EB%2B%BF%EB7%DFgm%E1%3C%A8%F7%23%8"+
- "1P%90%FA%A1%00H%40k8D%19G%C9%24%8A%C9%CC%D5N%D1%E8%89%DA%1C%3DCYi%90%2B%F4%5EEa%B1%88%DC%F5%9DAi%F5%9A-%FAn%E2%CA%14%9B%E8%8E%C1%E3.%7B!v%19x%2F%82*"+
- "o%1A%86%87%88%1A%84%12xy%8Dd%89~%8B%803%7B%7C%19%90%10%928%8E%18%9E%0F%8C%A1t%9D%8A%91%99%3C%A2%24%AA%11%A6%AD%A8%17%A4%0C%B2%B3%B4%11%B6%0A%A0%40%0"+
- "A%AE0%25%18%B8%3D%9B%B5%B0%0D%BE%BF%C0%BA%10%97%B1%AC%10%03%D4%03%81%CE%C2%C4%D2%0F%D5%D5K%D8G%DB%0D%DD%E4z%952%E2%E3%E4%E5c%5C3%E9%0C%EB%F2%EDm%E8Y"+
- "%18%F2%F3se%3CZ%19%F9%FA%98%09%04%18P%E0%2F%82%EB%0C2C%C8N!%10%86%DD%1C%1E%84HMb%0F%8A%15-%F2%C0%A8%F1%13%22%C3%8E%0F%09%82%0C%99o%E4%C4%86%26IZK%A9"+
- "!%01%00!%F9%04%05%05%00%04%00%2C%1F%00%02%00W%000%00%00%03%FFH%BA%DC%FEKH%01%AB%BD8%EB6%E7%FE%60%A8u%9Dh%9E%22%E9%A1l%5B%A9%92%2B%CF%04L%D1%F8i%E7%7"+
- "C%B8%F7%A2%81p%C0%FA%9D%02%C8%40k8D%19E%C9%24%8A%C9%D4%C1%8EQ%A9%89%DA4%3DAYm%90%2B%F4%5E%A1a%E4%89%DC%05%7D5i%F1%98%9C%3A%83%E3K%B6%CF%BE%89%2B%F3t"+
- "n%7Cpx.lD%1Fo%17~3%87%88%23%83%8B%8C%8Dz%1B%8A%15%93%94%95%19%97%0F~%7F4%87%96%91%98%859%A2%9C%A4%9E%A6%A7%9B%17%9D%0D%99%3C%A8%AF%AA%B1%AC%B3%B4%2F"+
- "%B6%0B%9F%40%0B%BA%10%B0%0A%B2%40%8E%B5*%92%B8%C6%AE%C2%24%18%C5%BF%04%C1%0F%25%CAa.%00%DA%00%18%D4(%D1!%DB%DB%DD%812%CB%20%E2%E9%17%CD%2C%E7%1A%E9%"+
- "F0%E4U8%D8%22%F0%F7%19%F39Q%26%F7%F8%D2%D2%FC%FD%03%D8C%E0%40%828%0C%C6C%C8C%A1%3A%86%09%1D%8E%83HC%E2D%8A3%2Cj%C3X%D1%14%22%C7%88%0A%3F%E6%08)r%A4%"+
- "C0%92%05%17%A2L%B9%D1D%02%00!%F9%04%05%05%00%04%00%2C%3C%00%02%00B%00B%00%00%03%FEH4%3C%FA0%CAI%AB%9D%AD%DD%CD%7B%CD%99'%8E%16%A8%91hj2i%3B%AE%8E%2B"+
- "o%F0l%7F%EB%ADG%B5%2B%FC%82%DD%A3%97%02%02%85%8B%5C%D1x%DC%11I%CC%A6%EE)%8AJo%D4%8E%F5j%CBr%B6A%A1%F7%02F%26M%D0%ADy%5C)%AF%95Z7%92%3D%91%CF%E1%1Bp%"+
- "F8%8D%8E%5B%CDCx%16v%7C%20~Q%80%81%7Ddj%89%0At%0Az%8E%8F%82u%8D%93%90%92%93%94!%8C%7F%9B%8A1%83%97.%01%A6%01%3B%84(%A7%A7%3A%A4%AB%AC%AC7%AF%22%B1%B"+
- "6%AEL)%B6%BB%A9%5C%1E%BB%BC%A0%1B%C0%C1%C2%15%C4%C5%C6%12%C8%B7%CA%14%CC%B1%CE%13%D0%B2%D2%11%D4%AD%D6%D7%D8%A8%DA%10%DC%DE%CB%D0%E1%D3%C8%E4%CF%C4%"+
- "E7%C7%CD%EA%EB%A6%ED%F0%F1%F2%F3%F4%F5%F6%F7%F8%F9%FA%FA%00%FD%FE%FF%00%03%024%26%B0%A0%C1%7F%A0%0E*4%B8i%A1%C3%81%93%1EJ%04%D0p%A2%C3%84%16%0F%12%C"+
- "C(%03PA%02%00!%F9%04%05%05%00%04%00%2CN%00%0A%000%00W%00%00%03%ECH%BA%BC%F3%A3%C9I%2B%85%D0%EA%7Dq%E6%E0%E6%7Da)%8D%A4%A9%A2%A9Z%B2%91%BB%B2%B2%0B%D"+
- "7%E6%8D%87p%BCs%BA%9F((%B4%10%8B%1D%14r%A8%5CV%8ENF%2F%9A%1CQ'%D3k%03z%E5%AA%04%60%81%91%B6%0B%87%9F%CD%9Ay%5D%C5%A8%D7%EC%B6%CF%04%AF%8F%1F%B2%BA%9"+
- "D%AA%DF%3B%FB~H%80p%7C%83fQ%86%87%7F%89%60%85%8C%8E%86Z%89Z%0A%83%94%0B%80%97%0C%81%9A%95g%9D%A0%A1%A2%A3%A4%A5%A6%A7%A8%A9%AA*%01%AD%AE%AF%B0%B1%B0"+
- "5%B2%B5%B6%AF.%B7%BA%B6%AC%BB%BE%B8%26%BF%C2%01%BD%C3%BB%B9%C6%B7%B4%C9%B2%AB%CE%CF%D0%D1%D2%D3%D4%D52%00%D8%00%A5%D9%DC%A2%DC%DF%DA%9D%E0%DF%E2%E3%"+
- "E4%94%E6%E3%E8%E9%E0Z%EC%ED%EE%EF%DD%F1%F2%D8%F4%F5%EB%F5%E1W%FA%FB%FC%F8%F9%D8%95K%17%8A%A0%B7s%A3%E6QH%00%00!%F9%04%05%05%00%04%00%2CN%00%1F%000%0"+
- "0W%00%00%03%E9H%BA%DC%FEn%C8%01%AB%BDmN%CC%3B%D1%A0'F%608%8Eez%8A%A9%BAb%AD%FBV%B1%3C%93%B5v%D3%B9%BE%E3%3D%CA%2F%13%94%0C%81%BD%231%A8D%B6%9A%8F%1C"+
- "%14R%9B%F2L%D6%AB0%CB%EDz%BF%E0%B0xL.%9B%CF%5C%81z%CDn%BB%DB%B3%B7%7C%CE%5E%D1%EF%F3%13~%0F%1F%F1%FF%02z%80%7Bv%83tq%86oh%8B%8C%8D%8E%8F%90%91%92%93"+
- "%0A%01%96%01f%97%9Ac%9A%9D%98%60%9E%9D%A0%A1%A2%5D%A4%A1%A6%A7%9E%5C%AA%AB%AC%AD%9B%AF%B0%96%B2%B3%A9%B3%9FY%B8%B9%10%00%BE%00%2F%B8%15%BF%BF%C1%B0%"+
- "BD%C4%C5%C6%A7%C8%C9%C07%CC%0F%CE%CA%D0%A5%D2%D3%CF%3B%B1%C3%D8b%D8%BE%DE%DDa%DF%D9_%DFc%E7%E3%E2%EA%D3%E1%EB%E6%EF%5E%E4%EE%CE%E8%F1%5D%E9%EC%F5%FA"+
- "%FB%60%F9%FE%ED%E8%11%23%D3%CF%1E%B8)%09%00%00!%F9%04%05%05%00%04%00%2C%3C%00%3C%00B%00B%00%00%03%F9H%BA%DC%FEP%8DI%AB%BD6%EA%1D%B1%FF%15'r%60%F9%8D"+
- "%E8c%AEY%EAJl%FC%BE%B1%3C%BB%B5y%CF%F9%B9%FF%C0%A0pH%2C%1A%8F%C8%A4r%C9l%3A%9F%D0%A8tJ%10X%05%D4%D7u%9B%1Dm%BF%D8%AE%06%FC%15G%C8%60%B3%03MV3%D8mw%1"+
- "5%5E%96%CF%E9W%FB%1D%1Fv%F3%F3v%7FVz%82F%01%87%017%7FD%88%88%8AxC%8D%8D%3Bt%91%92%87%40l%96%97%89%99u%11%00%A1%00%1C%9C%98A%5C%1A%A2%A2%A4%A5O%AA%AA"+
- "%1B%A5%A6L%AF%AB%B1%ADM%B5%A1%AC%B8K%BA%A3%BC%97%B9%BA%23%B2%B4%C4%22%C6%BE%C8%C9%BDH%BF(%B2%9D%CF%CC%CD%9CJ%D0%D1%CAG%D9%DA%D7%D4%B5%2F%DBE%DD%DE%C"+
- "2%DC%D5%E6%92%E8%E1%E2%E3B%E5)%EFA%F1%F2%DFD%F5%EA%8E%E4%E9.%E7%FC%EDvLb%F7J%8F%83%7Cv%10%CAQ%E8%86%A1%1A%87%0F%0B%1A%7C%00kb%83%04%00!%F9%04%05%05%"+
- "00%04%00%2C%1F%00N%00W%000%00%00%03%FFH%BA%DC%FE0%CA7%EA%988%EB%CD%89%FD%5D(%8E%CDg%5Ed%AAJ%A7%B9%BE%B0%D7%BAq%1D%CE%AD%ADkx%BE%FF%90%DE%09Ht%08i%C5"+
- "%E4%11%94%2C.-M%E5%13%15%05N5%80%2C%E0'%E8%0AFO%8CV%AB%F3z%C1%C7%C9x%5C3%9BIB%F5%3A%DBvwU8%C9%9C%1C%B3%9F%F1H%10%7Bt%13%01%86%01%18~w%2BL%11%83%5B%8"+
- "5%87%86%89%8AQ%8F%90%11%92%92%13%8A%8BE%8F%18%9A%87%94~I%97%A1%A2%88%9C%9D%9F%83%19%A9%AA%AB%A5%40%A0%AF%A9%1A%AC%3F%B5%A8%A2%B8%95%3B%BB%BC%9A%1B%B"+
- "95%A7%1A%B0%C4%C50%C1%C2%9B%CA%B3%CC%CD%91%BD%D0%D1%2B%D3%D4%C3%1C%CB)%D9%DA%CF%DC%BF*%DF%12%C9%1D%DD%22%E5%E6%B7!%E9%1C%C7%1D%E7%E8%EFX%AE%22%F3%F4"+
- "%D7%1D%F7%F8%ED%22%E3B%F4%0B%91O%9F%1BokR%144%E8%89%04%1B%85%FFF%BC%A9%E2l%14%C5(%0B%2F%FE%C8%A8Q%13%07%C7%8E5%3E%82%84!r%E4%8Bj%26%89%84K%A9%20%01%"+
- "00!%F9%04%05%05%00%04%00%2C%0A%00N%00W%000%00%00%03%FFH%BA%DC%0E%10%B8I%AB%BD8%B7%C8%B5%FF%E0%C7%8DRh%9E!9%A2lK%A9%A4%2B%B7%B0%3A%DF%60m%E3%3C%A6%C7"+
- "%BD%E0%E4%B7%12%1A%17%C4%CEq%99%8C%2C%8FM%C8%13%DA%9CR%89%A7%806%20%1Cx%07%99dv%AB%ED%7D%BF%3E%1D%8AL%C6%9D%CF%97Z%8B%BDu%BF%BDi%25%8B%5E%BF%DD%D1qN"+
- ".%7Ce%17%02%87%02%18%7FxV%04%84%5C%86%88%87%8A%8BV%8F%90%15%92%92%17%8B%8CK%8F%18%9A%88%94%7FO%97%A1%A2%89%9C%9D%9F%84%19%A9%AA%AB%A5F%A0%AF%A9%1A%A"+
- "CB%B5%A8%A2%B8%95A%BB%BC%9A%1E%B98%A7%1A%B0%C4%C53%C1%C2%9B%CA%B3%CC%CD%91%BD%D0%D1%83%AE%1F%C9%1F%CB%7B%D9%DA%B7%20%DDc%7C!%DB%DC%BF%DE%E5%E6%E1%E2"+
- "%E9%26%C7%20%E7%E8%EF%20%D3%C8%ED%EE%D7%F6%EB%26%F3%FAo%D6%F4cW%CDD%3D~mP%FC%03%E8I%60!%85%F9%0C%02jDm%18E%2B%0B%2F%0A%C9%A8%B1%12%07%C7%8E8%3E%82%9"+
- "C!r%A4%8C%82%26%8D%3C%E3%91%00%00!%F9%04%05%05%00%04%00%2C%02%00%3C%00B%00B%00%00%03%F5H%04%DC%FE%F0%A9I%AB%BD%98%C6%CD%5D%FE%E0%D5%8D%5Ch%82d*%9D%A"+
- "C%A5%BE%40%2BO%B0%3A%DF%F5x%EF%F9%B6%FF%C0%A0pH%2C%1A%8F%C8%A4r%C9l%3A%9F%D0%A8tJ%3D%05%AE%81%AA%0C%CB%D5%9A%B8%E0%AC7%13%06%8F%2F%E5%F0%99%92.%AF%0"+
- "9m%F7%3A%AE%3E%D3%CD%F6%3B%F6%AD%DF%E7%FB%7C%80%81w%3B%02%86%02Fz%85%87%86Et%3F%8C%8CDmA%91%87%8Ex%40%96%97%98WC%9B%8D%20%03%A3%03R%A0%88%A2%A4%A3P%"+
- "A7%A8%19%AA%AAO%A7!%B0%A4N%AD%B4%B5%A5M%B3%B9%B5%BC%A0'%BA%BBK%BD%BE%B0L%C6%C7%B1J%B8%C2%BA%C5%C1%2C%C3%CD%CA%CB%B6I%D6%D7%ABH%DA%DB%C4F%DE%A9%BFG%E"+
- "2%E3%C8%E1%E6%1F%D4%E9%9B%3B%ECE%D27%F0D%F23%F4%F5%91%40%F8%F9%A1%3F%FCo%26%00%0CH%60%60%40%83o%10%AEQx%86aCt%0410K%00%00!%F9%04%05%05%00%04%00%2C%0"+
- "2%00%1F%000%00W%00%00%03%E7H%BA%0C%0E%2C%CAIk%7B%CE%EAM%B1%E7%E0%E6%8Da)%8D%A8%A9%A2%A9Z%B2%AD%CB%C1%B1%AC%D1%A4%7D%E3%98.%F2%0F%DF%0E%08%11v%88E%E3"+
- "%04%A9%AC%00%9B%16%1C4%0A%9B%0E%7B%D6_%26%CB%EDz%BF%E0%B0xL.%9B%CF%A1%80z%CDn%BB%DB%B6%B7%7C%CEv%D1%EFs%15~%0F7%F1%FF%01z%80%7Bv%83tq%86oh%8B%8C%8D%"+
- "8E%8F%90%91%92%93h%02%96%02f%97%9Ac%9A%9D%98%60%9E%9D_%A1%9E%5D%A4%A1Y%A7%A8V%AA%A5S%AD%A2%AF%B0%97%A9%B3%96%AC%B6%9F%B2%B3%5C%B62%03%C0%03%16%BC.%C"+
- "1%C1%15%AD6%C6%C6%14%A7%3E%CB%C7%CD%B1%3A%D0%D1%D2%B7B%D5%C0b%DA%C2a%DD%DE%60%DD%DC%E3%DF%DA%E4%D5c%E5%E2%E7%E6%ED%EC%E9%EE%F1%F0%D0%E8%F5%F6%CB%F8%"+
- "CC%F2%F7%F4%F9%FA%DB%D4%CD%D3wf%9F%86%04%00!%F9%04%09%05%00%04%00%2C%02%00%02%00%7C%00%7C%00%00%03%FFH%BA%DC%FE0%CAI%AB%BD8%EB%CD%BB%FF%60(%8Edi%9Eh"+
- "%AA%AEl%EB%BEp%2C%CFt%0A%DC%40%AD%938%BE%FF%9E%5E%0FH%CC%08%7D%C5%24%E5%88T%3A%1D%CC%E6sJ%88%E6%A8X%2B%96%AA%DDN%BB%5E%A5%F5%1AN%82%CB%C41%DA%1C%5D%"+
- "B3%99%EEt%3B%0E%3C%D3i%EA%BB%CE%AE%8F%E5%FB3%7C%80%12%01%85%01!%82%83%0E%86%86%20%89%8A%0B%8C%92%1Fs%90%10%92%98%1D%95%96%8B%98%99%1BG%9C%11%9E%9E%1"+
- "CC%A2%A3%A4%9F%A8%26%AA%A5%AC%AD%AE%93%B0%24%B2%B3%B4%23%B6%8C%B8%B5%BA%85%BC%22%BE%BF%C0!%C2%C4%C1%B6%C7%B9%AE%CA%CB%A4%CD%BD%B7%D0%CE%87%D3%D6%D7%"+
- "D8%D9%DA%DB%DC%DD%DE%DF%E0%E1%C0%02%E4%E5%E6%E7%E8%E7%DC%E9%EC%ED%E6%DA%EE%F1%ED%D9%F2%F5%EA%D8%F6%F9%02%F4%FA%F5%F0%FD%EE%D6%01L'%AE%A0%C1%83%08%13"+
- "*%5C%C8%B0%A1%C3%87h%06H%1C%00q%C1%C4%8B%10%2Fj%A4%D8pP%A3F%86%1E7*%0C%E9%11!%C9%92%07O%8A4%A8%F2%23%CB%96%13M%C2%94%98r%26%C7%970%13%CE%5C%98%93%E7"+
- "I%87%24%2B%AE%ACH%00%23%D1%A3H%93*%5D%CA%B4%A9%D3%A7P%A3J%9DJ%B5%AA%D5%ABX%B3j%DD%CA%B5%AB%D7%AF%60%C3%16I%00%00%3B";
- loadingGif.style.border = 'none';
- objLoading.appendChild(loadingGif);
- // loading text
- var objLoadingText = document.createElement("p");
- objLoadingText.setAttribute('id','greasedLightboxLoadingText');
- objLoadingText.innerHTML = greasedLanguage[greasedLanguage.language][0].loading;
- objLoading.appendChild(objLoadingText);
- // helper message
- var objLoadingHelp = document.createElement("p");
- objLoadingHelp.setAttribute('id','greasedLightboxLoadingHelp');
- objLoadingHelp.innerHTML = greasedLanguage[greasedLanguage.language][0].loadingSub;
- objLoading.appendChild(objLoadingHelp);
- // error div
- var objErrorBox = document.createElement("div");
- objErrorBox.setAttribute('id','greasedLightboxError');
- objBody.appendChild(objErrorBox);
- // error message
- var objError = document.createElement("p");
- objError.setAttribute('id','greasedLightboxErrorMessage');
- objError.innerHTML = greasedLanguage[greasedLanguage.language][0].error +
- '<p id="greasedLightboxErrorContext"></p>';
- objErrorBox.appendChild(objError);
- // lightbox div
- var objLightbox = document.createElement("div");
- objLightbox.setAttribute('id','greasedLightbox');
- objOverlay.appendChild(objLightbox);
- // empty image
- var objImage = document.createElement("img");
- objImage.addEventListener('click', greasedLightbox.halt, false);
- objImage.setAttribute('id','greasedLightboxImage');
- objLightbox.appendChild(objImage);
- // empty preloader
- var objPreload = document.createElement("img");
- objPreload.setAttribute('id','greasedLightboxPreload');
- objBody.appendChild(objPreload);
- // empty prefetcher
- var objPrefetch = document.createElement("img");
- objPrefetch.setAttribute('id','greasedLightboxPrefetch');
- objPrefetch.addEventListener('error', function() { return false; }, false);
- objBody.appendChild(objPrefetch);
- // empty caption
- var objCaption = document.createElement("div");
- objCaption.setAttribute('id','greasedLightboxCaption');
- objLightbox.appendChild(objCaption);
- document.addEventListener('keypress', greasedLightbox.handleKey, true);
- }, // init()
- // unload
- // runs onunload to clear up possible memory leaks
- unload : function () {
- var objOverlay = document.getElementById('greasedLightboxOverlay');
- objOverlay.removeEventListener('click', greasedLightbox.halt, false);
- var objMenuButtonRight = document.getElementById('greasedLightboxButtonRight');
- objMenuButtonRight.removeEventListener('click', function(event) { greasedLightbox.moveSlide(event, 1); }, false);
- var objMenuButtonLeft = document.getElementById('greasedLightboxButtonLeft');
- objMenuButtonLeft.removeEventListener('click', function(event) { greasedLightbox.moveSlide(event, -1); }, false);
- var objMenuButtonPlus = document.getElementById('greasedLightboxButtonPlus');
- objMenuButtonPlus.removeEventListener('click', function(event) { greasedLightbox.resize(event, 13); }, false);
- var objMenuButtonMinus = document.getElementById('greasedLightboxButtonMinus');
- objMenuButtonMinus.removeEventListener('click', function(event) { greasedLightbox.resize(event, -13); }, false);
- var objLoading = document.getElementById('greasedLightboxLoading');
- objLoading.removeEventListener('click', greasedLightbox.halt, false);
- var objError = document.getElementById('greasedLightboxErrorMessage');
- objError.removeEventListener('click', greasedLightbox.halt, false);
- var objImage = document.getElementById('greasedLightboxImage');
- objImage.removeEventListener('click', greasedLightbox.halt, false);
- var objPrefetch = document.getElementById('greasedLightboxPrefetch');
- objPrefetch.removeEventListener('error', function() { return false; }, false);
- document.removeEventListener('keypress', greasedLightbox.handleKey, true);
- } // unload()
- } // greasedLightbox
- var greasedLanguage = {
- // english
- en : [
- {
- loading : 'Loading image',
- loadingSub : 'Click anywhere to cancel',
- context : 'View image in its original context',
- error : 'Image unavailable',
- next : 'Next image (right arrow key)',
- previous : 'Previous image (left arrow key)',
- magnify : 'Magnify image (+ key)',
- shrink : 'Shrink image (- key)',
- update : 'Update available',
- slideshow : 'Start/stop slideshow'
- }
- ], // english
- // español
- es : [
- {
- loading : 'Cargando imagen',
- loadingSub : 'Click en cualquier sitio para cancelar',
- context : 'Ver imagen en su contexto original',
- error : 'La imagen no está disponible',
- next : 'Siguiente imagen (tecla derecha)',
- previous : 'Imagen anterior (tecla izquierda)',
- magnify : 'Aumentar tamaño (tecla +)',
- shrink : 'Reducir tamaño (tecla -)',
- update : 'Actualización disponible',
- slideshow : ''
- }
- ], // español
- // português (portuguese)
- pt : [
- {
- loading : 'Carregando imagem',
- loadingSub : 'Clique em qualquer lugar para cancelar',
- context : 'Imagem no contexto original',
- error : 'Imagem indisponível',
- next : 'Próxima imagem (tecle na seta da direita)',
- previous : 'Imagem anterior (tecle na seta da esquerda)',
- magnify : 'Aumente o zoom (tecle +)',
- shrink : 'Diminua o zoom (tecle -)',
- update : 'Atualização disponível',
- slideshow : 'Iniciar/cancelar apresentação'
- }
- ], // português
- // deutsch (german)
- de : [
- {
- loading : 'Bild wird geladen',
- loadingSub : 'Zum Abbrechen irgendwo klicken',
- context : 'Bild im ursprünglichen Kontext anzeigen',
- error : 'Bild nicht verfügbar',
- next : 'Nächstes Bild (Pfeil rechts)',
- previous : 'Vorheriges Bild (Pfeil links)',
- magnify : 'Bild vergrößern (+ Taste)',
- shrink : 'Bild verkleinern (- Taste)',
- update : 'Aktualisierung verfügbar',
- slideshow : 'Diashow starten/beenden'
- }
- ], // deutsch
- // français (french)
- fr : [
- {
- loading : 'Chargement de l\'image',
- loadingSub : 'Cliquez n\'importe où pour annuler',
- context : 'Voir cette image dans son contexte original',
- error : 'Image indisponible',
- next : 'Image suivante (Touche flèche droite) ',
- previous : 'Image précédente (Touche fléche gauche)',
- magnify : 'Agrandir l\'image (Touche +)',
- shrink : 'Reduire l\'image (Touche -)',
- update : 'Mise à jour disponible',
- slideshow : ''
- }
- ], // français
- // het Nederlands (dutch)
- nl : [
- {
- loading : 'Laden',
- loadingSub : 'Klik ergens om terug te keren',
- context : 'Bekijk het plaatje in zijn originele context',
- error : 'Plaatje niet beschikbaar',
- next : 'Volgend plaatje (rechter pijltjestoets)',
- previous : 'Vorig plaatje (linker pijltjestoets)',
- magnify : 'Vergoot plaatje (+ toets)',
- shrink : 'Verklein plaatje (- toets)',
- update : 'Update beschikbaar',
- slideshow : 'Start/stop diavoorstelling'
- }
- ], // het Nederlands
- // italiano (italian)
- it : [
- {
- loading : 'Scarico immagine',
- loadingSub : 'Fai clic sullo sfondo per annullare',
- context : 'Mostra nel suo contesto originale',
- error : 'Immagine non disponibile',
- next : 'Successiva (tasto freccia a destra)',
- previous : 'Precedente (tasto freccia a sinistra)',
- magnify : 'Ingrandisci (tasto +)',
- shrink : 'Riduci zoom (tasto -)',
- update : 'Aggiornamento disponibile',
- slideshow : 'Avvia/ferma presentazione'
- }
- ], // italiano
- // ???????? (greek)
- el : [
- {
- loading : '?????a f??t?s??',
- loadingSub : '?t?p?ste ?p??d?p?te ??a ?a a????sete',
- context : '?????a ?p???? st? a????? p?a?s?? t??',
- error : '?????a µ? d?a??s?µ?',
- next : 'Next image (right arrow key)',
- previous : 'Previous image (left arrow key)',
- magnify : 'Magnify image (+ key)',
- shrink : 'Shrink image (- key)',
- update : 'Update available',
- slideshow : ''
- }
- ], // ????????
- // russki (russian)
- ru : [
- {
- loading : '??????????? ????????',
- loadingSub : 'Click ???-????, ????? ????? ????????',
- context : '??????????? ??????? ? ????? ????????????? ??????',
- error : '??????????? ?????????????',
- next : 'Next image (right arrow key)',
- previous : 'Previous image (left arrow key)',
- magnify : 'Magnify image (+ key)',
- shrink : 'Shrink image (- key)',
- update : 'Update available',
- slideshow : ''
- }
- ], // russki
- // hungarian
- hu : [
- {
- loading : 'K\u00E9p bet\u00F6lt\u00E9se',
- loadingSub : 'Kattints a visszal\u00E9p\u00E9shez',
- context : 'Megtekint\u00E9s az eredeti k\u00F6rnyezet\u00E9ben',
- error : 'K\u00E9p nem el\u00E9rhet\u0151',
- next : 'K\u00F6vetkez\u0150 k\u00E9p (jobbra gomb)',
- previous : 'El\u0150z\u0150 k\u00E9p (balra gomb)',
- magnify : 'Nagy\u00EDtás (+ gomb)',
- shrink : 'Kicsiny\u00EDt\u00E9s (- gomb)',
- update : 'El\u00E9rhet\u0150 az \u00FAjabb verzi\u00F3',
- slideshow : ''
- }
- ], // hungarian
- // finnish
- fi : [
- {
- loading : 'Ladataan kuvaa',
- loadingSub : 'Napsauta kerran keskeyttääksesi',
- context : 'Näytä kuva alkuperäisessä kontekstissa',
- error : 'Kuvaa ei saatavissa',
- next : 'Seuraava kuva (oikea nuolinäppäin)',
- previous : 'Edellinen kuva (vasen nuolinäppäin)',
- magnify : 'Suurenna kuvaa (+ näppäin)',
- shrink : 'Pienennä kuvaa (- näppäin)',
- update : 'Päivitys saatavilla',
- slideshow : 'Käynnistä/Pysäytä dia esitys'
- }
- ], // finnish
- // japanese
- ja : [
- {
- loading : '\u8AAD\u307F\u8FBC\u307F\u4E2D',
- loadingSub : '\u30AF\u30EA\u30C3\u30AF\u3067\u30AD\u30E3\u30F3\u30BB\u30EB\u3057\u307E\u3059',
- context : '\u5143\u306E\u753B\u50CF\u3092\u8868\u793A',
- error : '\u753B\u50CF\u304C\u5B58\u5728\u3057\u307E\u305B\u3093',
- next : '\u6B21\u306E\u753B\u50CF',
- previous : '\u524D\u306E\u753B\u50CF',
- magnify : '\u753B\u50CF\u3092\u62E1\u5927 (+)',
- shrink : '\u753B\u50CF\u3092\u7E2E\u5C0F (-)',
- update : '\u65B0\u3057\u3044\u66F4\u65B0\u304C\u3042\u308A\u307E\u3059',
- slideshow : '\u30B9\u30E9\u30A4\u30C9\u30B7\u30E7\u30FC\u3092\u958B\u59CB\u002F\u505C\u6B62'
- }
- ], // japanese
- // chinese (simplified)
- zh : [
- {
- loading : '\u8BFB\u53D6\u56FE\u7247',
- loadingSub : '\u6309\u4EFB\u610F\u952E\u6765\u53D6\u6D88',
- context : '\u4EE5\u539F\u6587\u672C\u67E5\u770B\u56FE\u7247',
- error : '\u56FE\u7247\u4E0D\u53EF\u8BFB',
- next : '\u4E0B\u4E00\u4E2A\u56FE\u7247 (\u53F3\u952E)',
- previous : '\u524D\u4E00\u4E2A\u56FE\u7247 (\u56FE\u7247)',
- magnify : '\u653E\u5927\u56FE\u7247 (+\u952E)',
- shrink : '\u7F29\u5C0F\u56FE\u7247 (-\u952E)',
- update : '\u53EF\u63D0\u4F9B\u66F4\u65B0',
- slideshow : ''
- }
- ], // chinese (simplified)
- // Chinese (traditional)
- tw : [
- {
- loading : '\\u8F09\\u5165\\u5716\\u7247\\u4E2D',
- loadingSub : '\\u6309\\u4EFB\\u610F\\u9375\\u53D6\\u6D88',
- context : '\\u6253\\u958B\\u5716\\u7247\\u539F\\u59CB\\u7DB2\\u5740',
- error : '\\u7121\\u6CD5\\u8F09\\u5165\\u5716\\u7247',
- next : '\\u4E0B\\u4E00\\u5F35\\u5716 (\\u53F3\\u9375)',
- previous : '\\u4E0A\\u4E00\\u5F35\\u5716 (\\u5DE6\\u9375)',
- magnify : '\\u653E\\u5927\\u5716\\u7247 (+\\u9375)',
- shrink : '\\u7E2E\\u5C0F\\u5716\\u7247 (-\\u9375)',
- update : '\\u6709\\u66F4\\u65B0\\u7248\\u672C',
- slideshow : '\\u958B\\u59CB/\\u505C\\u6B62\\u5FAA\\u5E8F\\u64AD\\u653E'
- }
- ], // Chinese (traditional)
- // polish
- pl : [
- {
- loading : '\u0141aduj\u0119 obraz',
- loadingSub : 'Kliknij aby przerwa\u010B',
- context : 'Zobacz obraz w oryginalnym kontek\u015Bcie',
- error : 'Obraz niedost\u0119pny',
- next : 'Nast\u0119pny obraz (klawisz \u2192)',
- previous : 'Poprzedni obraz (klawisz \u2190)',
- magnify : 'Powi\u0119ksz obraz (klawisz +)',
- shrink : 'Zmniejsz obraz (klawisz -)',
- update : 'Dost\u0119pna nowa wersja',
- slideshow : 'Uruchom/zatrzymaj pokaz slajd\u00F3w'
- }
- ], // polish
- // czech
- cs : [
- {
- loading : 'Nahrávám obrázek',
- loadingSub : 'Kliknete kamkoliv pro zrušení',
- context : 'Prohlížet obrázek v orignálním kontextu',
- error : 'Obrázek není dostupný',
- next : 'Další obrázek (šipka doprava)',
- previous : 'Predchozí obrázek (šipka doleva)',
- magnify : 'Priblížit obrázek (klávesa +)',
- shrink : 'Oddálit obrázek (klávesa -)',
- update : 'Je dostupná aktualizace',
- slideshow : 'Spustit/zastavit slideshow'
- }
- ], // czech
- // slovak
- sk : [
- {
- loading : 'Nahrávam obrázok',
- loadingSub : 'Pre zrušenie kliknite kdekolvek',
- context : 'Prezriet obrázok v orignálnom kontexte',
- error : 'Obrázok nie je dostupný',
- next : 'Další obrázok (šípka doprava)',
- previous : 'Predchádzajúci obrázok (šípka dolava)',
- magnify : 'Priblížit obrázok (klávesa +)',
- shrink : 'Oddialit obrázok (klávesa -)',
- update : 'Je dostupná aktualizácia',
- slideshow : ''
- }
- ], // slovak
- // swedish
- sv : [
- {
- loading : 'Laddar bild',
- loadingSub : 'Klicka för att avbryta',
- context : 'Visa originalbild',
- error : 'Bild inte tillgänglig',
- next : 'Nästa bild (höger piltangent)',
- previous : 'Föregående bild (vänster piltangent)',
- magnify : 'Förstora bild (+-tangent)',
- shrink : 'Förminska bild (–tangent)',
- update : 'Ny uppdatering tillgänglig',
- slideshow : 'Starta/stoppa bildspel'
- }
- ], // swedish
- /* language template
- //
- : [
- {
- loading : '',
- loadingSub : '',
- context : '',
- error : '',
- next : '',
- previous : '',
- magnify : '',
- shrink : '',
- update : '',
- slideshow : ''
- }
- ], // end
- */
- // lauguage
- // the correct language for localization is set in init()
- language : null,
- // init()
- // sets this.language to the correct value based on navigator.language
- init : function() {
- this.language = this[navigator.language.substring(0,2)] ? navigator.language.substring(0,2) : 'en';
- } // init()
- }; // greasedLanguage
- if (document.body) greasedLightbox.init();}
- var offInstantSearch = true;
- if (offInstantSearch) {
- if (top != self) return;
- var target = document.getElementById("po-off");
- if (!target) return;
- var className = target.className;
- if (!className) return;
- if (/unselected/.test(className))window.location = target.href;}
- })();
