Powerful picture viewing tool online, which can popup/scale/rotate/batch save pictures automatically
اعتبارا من
// ==UserScript==
// @name Picviewer CE+
// @name:zh-CN Picviewer CE+
// @name:zh-TW Picviewer CE+
// @author NLF && ywzhaiqi && hoothin
// @description Powerful picture viewing tool online, which can popup/scale/rotate/batch save pictures automatically
// @description:zh-CN 在线看图工具，支持图片翻转、旋转、缩放、弹出大图、批量保存
// @description:zh-TW 線上看圖工具，支援圖片翻轉、旋轉、縮放、彈出大圖、批量儲存
// @version 2022.1.25.1
// @created 2011-6-15
// @namespace https://github.com/hoothin/UserScripts
// @homepage http://hoothin.com
// @connect www.google.com
// @connect www.google.com.hk
// @connect www.google.co.jp
// @connect ipv4.google.com
// @connect image.baidu.com
// @connect www.tineye.com
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_addStyle
// @grant GM_openInTab
// @grant GM_setClipboard
// @grant GM_xmlhttpRequest
// @grant GM_registerMenuCommand
// @grant GM_notification
// @grant GM_download
// @grant GM.getValue
// @grant GM.setValue
// @grant GM.addStyle
// @grant GM.openInTab
// @grant GM.setClipboard
// @grant GM.xmlHttpRequest
// @grant GM.registerMenuCommand
// @grant GM.notification
// @grant unsafeWindow
// @require https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.2/FileSaver.min.js
// @require https://cdnjs.cloudflare.com/ajax/libs/jszip/3.7.1/jszip.js
// @require https://greasyfork.org/scripts/6158-gm-config-cn/code/GM_config%20CN.js?version=23710
// @require https://greasyfork.org/scripts/438080-pvcep-rules/code/pvcep_rules.js?version=1011929
// @contributionURL https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=rixixi@sina.com&item_name=Greasy+Fork+donation
// @contributionAmount 1
// @include http://*
// @include https://*
// @include ftp://*
// @exclude http://www.toodledo.com/tasks/*
// @exclude http*://maps.google.com*/*
// @exclude *://www.google.*/_/chrome/newtab*
// @exclude *://mega.*/*
// @exclude *://*.mega.*/*
// ==/UserScript==
;(function(topObject,window,document,unsafeWindow){
'use strict';
var lang = navigator.appName=="Netscape"?navigator.language:navigator.userLanguage,debug;
var i18nData={};
switch (lang){
case "zh-CN":
case "zh-SG":
i18nData={
saveBtn:"确定",
download:"下载",
saveBtnTips:"部分选项需要刷新页面才能生效",
closeBtn:"取消",
closeBtnTips:"取消本次设置，所有选项还原",
resetLink:"恢复默认设置",
resetLinkTips:"恢复所有设置的内容为默认值",
share:"分享",
suitLongImg:"长图在滚动窗口显示",
globalkeys:"预览功能键组合: ",
globalkeysPress:"敲击切换预览",
globalkeysHold:"按住开启预览",
globalkeysType:"预览触发方式：",
loadAll:"加载更多页",
loadedAll:"加载完毕",
loading:"正在加载",
loadAllTip:"加载下一页的图片",
viewmoreEndless:"查看更多里滚动到底自动加载下一页",
fiddle:"折腾",
fiddleTip:"弹出图片进行复杂操作",
closeFirst:"请先关掉当前已经打开的库",
collect:"收藏",
collected:"已收藏",
exitCollection:"退出收藏",
exitCollectionTip:"点击退出收藏模式",
noCollectionYet:"你还木有收藏任何图片",
collectDetail:"描述",
collectDetailTip:"给收藏的图片添加一些描述吧",
playSlide:"播放幻灯片",
slideGap:"间隔(s)",
slideGapTip:"间隔时间，单位(秒)",
slideBack:"后退",
slideBackTip:"从后往前播放",
slideWait:"等待图片读取",
slideWaitTip:"从每张图片完全读取完成后才开始倒计时",
slideSkipError:"跳过错误图片",
slideSkipErrorTip:"快速跳过读取错误的图片",
type:"类别",
typeTip:"选择图片类别",
advancedRules:"高级规则",
advancedRulesTip:"由高级规则匹配出来的",
tpRules:"通配规则",
tpRulesTip:"由通配规则匹配出来的",
scaleRules:"缩放过的",
scaleRulesTip:"js自动查找，相对页面显示的图片有缩放过的",
noScaleRules:"无缩放过",
noScaleRulesTip:"js自动查找，无缩放过的，但是满足一定的大小",
smallRules:"小尺寸的",
smallRulesTip:"小尺寸图片，实际尺寸的高和宽都小于#t#像素",
command:"命令",
commandTip:"命令菜单",
onlineEdit:"在线编辑",
onlineEditTip:"使用#t#在线编辑该图片",
openInNewWindow:"新窗口打开",
openInNewWindowTip:"新窗口打开图片",
findInPage:"定位到图片",
findInPageTip:"滚动到当前图片所在的位置",
viewCollection:"查看收藏",
viewCollectionTip:"查看所有收藏的图片",
inCollection:"收藏模式中，无法使用",
cantFind:"图片不在文档中，或者被隐藏了，无法定位！",
exportImages:"导出显示大图",
exportImagesTip:"导出所有显示中的图片到新窗口",
downloadImage:"下载当前所有",
downloadImageTip:"下载当前库中所有显示图片，注意无法下载跨域图片",
copyImagesUrl:"复制显示大图",
copyImagesUrlTip:"复制所有显示中的大图地址",
copySuccess:"已成功复制 #t# 张大图地址",
autoRefresh:"自动重载",
autoRefreshTip:"最后几张图片时，滚动主窗口到最底部，然后自动加载新的图片",
enterFullsc:"进入全屏",
exitFullsc:"退出全屏",
config:"设置",
openConfig:"打开设置",
closeGallery:"关闭库",
returnToGallery:"回到库",
picInfo:"点击修改",
picNote:"图片注释",
resolution:"分辨率",
scaleRatio:"缩放比",
similarImage:"以图搜图",
scale:"缩放",
horizontalFlip:"水平翻转",
verticalFlip:"垂直翻转",
actualBtn:'查看原始(A)',
searchBtn:'查找原图(S)',
galleryBtn:'查看库(G)',
currentBtn:'查看当前(C)',
magnifierBtn:'放大镜(M)',
picTitle:"图片标题",
picNum:"图片数量",
picTips:"按住Ctrl放大",
savePageTips:"使用“网页另存为”即可保存所有图片",
exportImagesUrl:"导出图片链接",
exportImagesUrlPop:"Ctrl+C复制图片链接",
beginSearchImg:"#t#识图开始……",
findNoPic:"未找到原图",
findOverBeginLoad:"#t#识图结束，共找到#t#张匹配图片，开始加载第一张",
loadNextSimilar:"原图加载失败，尝试加载下一结果……",
loadError:"加载失败",
openHomePage:"点击此处打开主页",
position:"显示位置",
positionTips:"按住ALT隐藏",
topLeft: '图片左上角',
topRight: '图片右上角',
bottomRight: '图片右下角',
bottomLeft: '图片左下角',
topCenter: '图片正上方',
bottomCenter: '图片正下方',
floatBar:"浮动工具栏",
showDelay:"显示延时",
ms:"毫秒",
hide:"隐藏",
hideDelay:"隐藏延时",
forceShow:"非缩放图片，超过该尺寸，显示浮框",
forceShowTip:"非缩放的图片大小超过下面设定的尺寸时显示浮动工具栏",
sizeLimitOr:"以上长宽条件只需满足其一",
px:"像素",
minSizeLimit:"缩放图片，超过该尺寸，显示浮框",
minSizeLimitTip:"图片被缩放(图片原始大小与实际大小不一致)后,显示长宽大于设定值时显示浮动工具栏",
defaultSizeLimit:"图库默认筛选尺寸",
listenBg:"监听背景图",
listenBgTip:"在有背景图的元素上显示悬浮框",
butonOrder:"工具栏图标排序",
keysEnable:"启用以下快捷键",
keysActual:"打开大图",
keysActualTip:"当出现悬浮条时按下此按键打开大图",
keysSearch:"查找原图",
keysSearchTip:"当出现悬浮条时按下此按键查找原图",
headSearchTip:"搜图",
headSearchAll:"搜索以上全部",
keysCurrent:"打开当前图片",
keysCurrentTip:"当出现悬浮条时按下此按键打开当前显示的图片",
keysMagnifier:"打开放大镜观察",
keysMagnifierTip:"当出现悬浮条时按下此按键打开放大镜观察",
keysGallery:"打开图库（加功能键为全局）",
keysGalleryTip:"当出现悬浮条时按下此按键打开图库",
openGallery:"打开图库",
magnifier:"放大镜",
magnifierRadius:"默认半径",
magnifierWheelZoomEnabled:"启用滚轮缩放",
magnifierWheelZoomRange:"滚轮缩放的倍率",
gallery:"图库",
galleryFitToScreen:"对图片进行缩放以适应屏幕",
galleryFitToScreenSmall:"小图也缩放以适应屏幕",
galleryFitToScreenTip:"适应方式为contain，非cover",
galleryScrollEndToChange:"大图滚动到底后切换图片",
galleryScrollEndToChangeTip:"取消上一选项后才有效",
galleryExportType:"图片导出默认排序",
grid:'平铺排序',
gridBig:'原图平铺',
list:'列表排序',
galleryAutoLoad:"自动加载更多图片",
galleryLoadAll:"加载更多图片时自动处理全部页",
galleryLoadAllTip:"若页数过多可能影响体验",
galleryDownloadWithZip:"下载所有时打包成zip",
galleryDownloadWithZipAlert:"正在打包，请耐心等候数十秒",
galleryScaleSmallSize1:"实际尺寸的高和宽都小于 ",
galleryScaleSmallSize2:" 像素则归入小尺寸图片",
galleryShowSmallSize:"默认显示小尺寸图片",
galleryTransition:"显示图库切换图片的特效",
gallerySidebarPosition:"缩略图栏位置",
bottom:'底部',
right:'右侧',
left:'左侧',
top:'顶部',
gallerySidebarSize:"高度",
gallerySidebarSizeTip:"缩略图栏的高（如果是水平放置）或者宽（如果是垂直放置）",
galleryMax1:"最多预读 ",
galleryMax2:" 张图片（前后各多少张）",
galleryAutoZoom:"缩放改回 100%（chrome）",
galleryAutoZoomTip:"如果有放大，则把图片及 sidebar 部分的缩放改回 100%，增大可视面积（仅在 chrome 下有效）",
galleryDescriptionLength1:"注释的最大宽度",
galleryDescriptionLength2:" 个字符",
galleryAutoOpenSites:"自动打开图库的网址正则，一行一条，若开头加@则自动展开图库",
gallerySearchData:"搜图站点设置，清空还原",
galleryEditSite:"在线编辑站点",
imgWindow:"图片窗口",
imgWindowFitToScreen:"适应屏幕，并且水平垂直居中",
imgWindowFitToScreenTip:"适应方式为contain，非cover",
imgWindowDefaultTool:"打开窗口时默认选择的工具",
hand:'抓手',
rotate:'旋转',
zoom:'放大镜',
imgWindowEscKey:"Esc键关闭",
imgWindowDblClickImgWindow:"双击图片窗口关闭",
imgWindowClickOutside:"点击图片外部（覆盖层）关闭",
imgWindowClickOutsideTip:"仅当覆盖层显示时生效",
none:'无',
click:'单击',
dblclick:'双击',
imgWindowOverlayerShown:"覆盖层",
imgWindowOverlayerColor:"颜色和不透明度",
imgWindowShiftRotateStep1:"旋转时，按住shift键，旋转的步进",
imgWindowShiftRotateStep2:" 度",
imgWindowMouseWheelZoom:"滚轮缩放",
imgWindowZoomRange:"滚轮缩放比例",
imgWindowZoomRangeTip:"缩放比例(必须为正数)",
others:"其它",
waitImgLoad:"等图片完全载入后，才开始执行弹出放大等操作",
waitImgLoadTip:"按住ctrl键的时候,可以临时执行和这个设定相反的设定",
debug:"调试模式",
customRules:"自定义大图规则",
firstEngine:"首选搜图引擎",
refreshWhenError:"读取错误，点击重载",
switchSlide:"开关侧边栏",
viewmore:"展开更多",
countDown:"倒计时"
};
break;
case "zh-TW":
case "zh-HK":
i18nData={
saveBtn:"確定",
download:"下載",
saveBtnTips:"部分選項需要刷新頁面才能生效",
closeBtn:"取消",
closeBtnTips:"取消本次設置，所有選項還原",
resetLink:"恢復默認設置",
resetLinkTips:"恢復所有設置的內容為默認值",
share:"分享",
suitLongImg:"長圖在滾動窗口顯示",
globalkeys:"預覽功能鍵組合: ",
globalkeysPress:"敲擊切換預覽",
globalkeysHold:"按住開啟預覽",
globalkeysType:"預覽觸發方式：",
loadAll:"載入更多",
loadedAll:"載入完畢",
loading:"正在載入",
loadAllTip:"載入下一頁的圖片",
viewmoreEndless:"查看更多裏滾動到底自動加載下一頁",
fiddle:"折騰",
fiddleTip:"彈出圖片進行複雜操作",
closeFirst:"請先關閉當前已經打開的庫",
collect:"收藏",
collected:"已收藏",
exitCollection:"退出收藏",
exitCollectionTip:"點擊退出收藏模式",
noCollectionYet:"你還木有收藏任何圖片",
collectDetail:"描述",
collectDetailTip:"給收藏的圖片添加一些描述吧",
playSlide:"播放幻燈片",
slideGap:"間隔(s)",
slideGapTip:"間隔時間，單位(秒)",
slideBack:"後退",
slideBackTip:"從後往前播放",
slideWait:"等待圖片讀取",
slideWaitTip:"從每張圖片完全讀取完成後才開始倒計時",
slideSkipError:"跳過錯誤圖片",
slideSkipErrorTip:"快速跳過讀取錯誤的圖片",
type:"類別",
typeTip:"選擇圖片類別",
advancedRules:"高級規則",
advancedRulesTip:"由高級規則匹配出來的",
tpRules:"通配規則",
tpRulesTip:"由通配規則匹配出來的",
scaleRules:"縮放過的",
scaleRulesTip:"js自動查找，相對頁面顯示的圖片有縮放過的",
noScaleRules:"無縮放過",
noScaleRulesTip:"js自動查找，無縮放過的，但是滿足一定的大小",
smallRules:"小尺寸的",
smallRulesTip:"小尺寸圖片，實際尺寸的高和寬都小於#t#像素",
command:"命令",
commandTip:"命令菜單",
onlineEdit:"在線編輯",
onlineEditTip:"使用#t#在線編輯該圖片",
openInNewWindow:"新窗口打開",
openInNewWindowTip:"新窗口打開圖片",
findInPage:"定位到圖片",
findInPageTip:"滾動到當前圖片所在的位置",
viewCollection:"查看收藏",
viewCollectionTip:"查看所有收藏的圖片",
inCollection:"收藏模式中，無法使用",
cantFind:"圖片不在文檔中，或者被隱藏了，無法定位！",
exportImages:"導出顯示大圖",
exportImagesTip:"導出所有顯示中的圖片到新窗口",
downloadImage:"下載當前所有",
downloadImageTip:"下載當前庫中所有顯示圖片，注意無法下載跨域圖片",
copyImagesUrl:"複製顯示大圖",
copyImagesUrlTip:"複製所有顯示中的大圖地址",
copySuccess:"已成功複製 #t# 張大圖地址",
autoRefresh:"自動重載",
autoRefreshTip:"最後幾張圖片時，滾動主窗口到最底部，然後自動載入新的圖片",
enterFullsc:"進入全屏",
exitFullsc:"退出全屏",
config:"設置",
openConfig:"打開設置",
closeGallery:"關閉庫",
returnToGallery:"回到庫",
picInfo:"點擊修改",
picNote:"圖片注釋",
resolution:"解析度",
scaleRatio:"縮放比",
similarImage:"以圖搜圖",
scale:"縮放",
horizontalFlip:"水平翻轉",
verticalFlip:"垂直翻轉",
actualBtn:'查看原始(A)',
searchBtn:'查找原圖(S)',
galleryBtn:'查看庫(G)',
currentBtn:'查看當前(C)',
magnifierBtn:'放大鏡(M)',
picTitle:"圖片標題",
picNum:"圖片數量",
picTips:"按住Ctrl放大",
savePageTips:"使用「網頁另存為」即可保存所有圖片",
exportImagesUrl:"導出圖片鏈接",
exportImagesUrlPop:"Ctrl+C複製圖片鏈接",
beginSearchImg:"#t#識圖開始……",
findNoPic:"未找到原圖",
findOverBeginLoad:"#t#識圖結束，共找到#t#張匹配圖片，開始載入第一張",
loadNextSimilar:"原圖載入失敗，嘗試載入下一結果……",
loadError:"載入失敗",
openHomePage:"點擊此處打開主頁",
position:"顯示位置",
positionTips:"按住ALT隱藏",
topLeft: '圖片左上角',
topRight: '圖片右上角',
bottomRight: '圖片右下角',
bottomLeft: '圖片左下角',
topCenter: '圖片正上方',
bottomCenter: '圖片正下方',
floatBar:"浮動工具欄",
showDelay:"顯示延時",
ms:"毫秒",
hide:"隱藏",
hideDelay:"隱藏延時",
forceShow:"非縮放圖片，超過該尺寸，顯示浮框",
forceShowTip:"非縮放的圖片大小超過下面設定的尺寸時顯示浮動工具欄",
sizeLimitOr:"以上長寬條件只需滿足其一",
px:"像素",
minSizeLimit:"縮放圖片，超過該尺寸，顯示浮框",
minSizeLimitTip:"圖片被縮放(圖片原始大小與實際大小不一致)後,顯示長寬大於設定值時顯示浮動工具欄",
defaultSizeLimit:"圖庫默認篩選尺寸",
listenBg:"監聽背景圖",
listenBgTip:"在有背景圖的元素上顯示懸浮框",
butonOrder:"工具欄圖標排序",
keysEnable:"啟用以下快捷鍵",
keysActual:"打開大圖",
keysActualTip:"當出現懸浮條時按下此按鍵打開大圖",
keysSearch:"查找原圖",
keysSearchTip:"當出現懸浮條時按下此按鍵查找原圖",
headSearchTip:"搜圖",
headSearchAll:"搜索以上全部",
keysCurrent:"打開當前圖片",
keysCurrentTip:"當出現懸浮條時按下此按鍵打開當前顯示的圖片",
keysMagnifier:"打開放大鏡觀察",
keysMagnifierTip:"當出現懸浮條時按下此按鍵打開放大鏡觀察",
keysGallery:"打開圖庫（加功能鍵為全局）",
keysGalleryTip:"當出現懸浮條時按下此按鍵打開圖庫",
openGallery:"打開圖庫",
magnifier:"放大鏡",
magnifierRadius:"默認半徑",
magnifierWheelZoomEnabled:"啟用滾輪縮放",
magnifierWheelZoomRange:"滾輪縮放的倍率",
gallery:"圖庫",
galleryFitToScreen:"對圖片進行縮放以適應屏幕",
galleryFitToScreenSmall:"小圖也縮放以適應屏幕",
galleryFitToScreenTip:"適應方式為contain，非cover",
galleryScrollEndToChange:"大圖滾動到底後切換圖片",
galleryScrollEndToChangeTip:"取消上一選項後才有效",
galleryExportType:"圖片導出默認排序",
grid:'平鋪排序',
gridBig:'原圖平鋪',
list:'列表排序',
galleryAutoLoad:"自動載入更多圖片",
galleryLoadAll:"載入更多圖片時自動處理全部頁",
galleryLoadAllTip:"若頁數過多可能影響體驗",
galleryDownloadWithZip:"下載所有時打包成zip",
galleryDownloadWithZipAlert:"正在打包，請耐心等候數十秒",
galleryScaleSmallSize1:"實際尺寸的高和寬都小於 ",
galleryScaleSmallSize2:" 像素則歸入小尺寸圖片",
galleryShowSmallSize:"默認顯示小尺寸圖片",
galleryTransition:"顯示圖庫切換圖片的特效",
gallerySidebarPosition:"縮略圖欄位置",
bottom:'底部',
right:'右側',
left:'左側',
top:'頂部',
gallerySidebarSize:"高度",
gallerySidebarSizeTip:"縮略圖欄的高（如果是水平放置）或者寬（如果是垂直放置）",
galleryMax1:"最多預讀 ",
galleryMax2:" 張圖片（前後各多少張）",
galleryAutoZoom:"縮放改回 100%（chrome）",
galleryAutoZoomTip:"如果有放大，則把圖片及 sidebar 部分的縮放改回 100%，增大可視面積（僅在 chrome 下有效）",
galleryDescriptionLength1:"注釋的最大寬度",
galleryDescriptionLength2:" 個字元",
galleryAutoOpenSites:"自動打開圖庫的網址正則，一行一條，若前綴@則自動展開圖庫",
gallerySearchData:"搜圖站點設置，清空還原",
galleryEditSite:"在線編輯站點",
imgWindow:"圖片窗口",
imgWindowFitToScreen:"適應屏幕，並且水平垂直居中",
imgWindowFitToScreenTip:"適應方式為contain，非cover",
imgWindowDefaultTool:"打開窗口時默認選擇的工具",
hand:'抓手',
rotate:'旋轉',
zoom:'放大鏡',
imgWindowEscKey:"Esc鍵關閉",
imgWindowDblClickImgWindow:"雙擊圖片窗口關閉",
imgWindowClickOutside:"點擊圖片外部關閉（覆蓋層）",
imgWindowClickOutsideTip:"僅當覆蓋層顯示時生效",
none:'無',
click:'單擊',
dblclick:'雙擊',
imgWindowOverlayerShown:"覆蓋層",
imgWindowOverlayerColor:"顏色和不透明度",
imgWindowShiftRotateStep1:"旋轉時，按住shift鍵，旋轉的步進",
imgWindowShiftRotateStep2:" 度",
imgWindowMouseWheelZoom:"滾輪縮放",
imgWindowZoomRange:"滾輪縮放比例",
imgWindowZoomRangeTip:"縮放比例(必須為正數)",
others:"其它",
waitImgLoad:"等圖片完全載入後，才開始執行彈出放大等操作",
waitImgLoadTip:"按住ctrl鍵的時候,可以臨時執行和這個設定相反的設定",
debug:"調試模式",
customRules:"自定義大圖規則",
firstEngine:"首選搜圖引擎",
refreshWhenError:"讀取錯誤，點擊重載",
switchSlide:"開關側邊欄",
viewmore:"展開更多",
countDown:"倒計時"
};
break;
default:
i18nData={
saveBtn: "OK",
download:"Download",
saveBtnTips: "some options need to refresh the page to take effect",
closeBtn: "Cancel",
closeBtnTips: "cancel this setting and restore all options",
resetLink: "Restore default settings",
resetLinkTips: "restore all settings to default values",
share:"Share",
suitLongImg:"Suit long pics in scroll window",
globalkeys:"Global keys for preview: ",
globalkeysPress:"Press to toggle preview",
globalkeysHold:"Hold to enable preview",
globalkeysType:"Method to enable preview",
loadAll:"Load more pages",
loadedAll:"Load completed",
loading:"Loading ...",
loadAllTip:"Load the picture on the next page",
viewmoreEndless:"Load more pics in viewmore when scroll to bottom",
fiddle:"Operate",
fiddleTip:"Pop-up pictures for complex operations",
closeFirst:"Close the existing Gallery first",
collect:"Collection",
collected:"Has been collected",
exitCollection:"Exit collection",
exitCollectionTip:"Click to exit the collection mode",
noCollectionYet:"You have no picture in the collection",
collectDetail:"Description",
collectDetailTip:"Add some descriptions to your favorite pictures",
playSlide:"Play slideshow",
slideGap:"Interval (s)",
slideGapTip:"Interval, unit (seconds)",
slideBack:"Back",
slideBackTip:"Play from back to front",
slideWait:"Wait for image reading",
slideWaitTip:"The countdown starts after each image is completely read.",
slideSkipError:"Skip error pictures",
slideSkipErrorTip:"Quickly skip to read the error pictures",
type:"Category",
typeTip:"Select image category",
advancedRules:"Advanced Rules",
advancedRulesTip:"Matched by advanced rules",
tpRules:"Wildcard rules",
tpRulesTip:"Matched by wildcard rules",
scaleRules:"Zoomed",
scaleRulesTip:"The image which is finded automatically but scaled",
noScaleRules:"No scaling",
noScaleRulesTip:"The image which is finded automatically but without scale",
smallRules:"Small size",
smallRulesTip:"Small size image, the actual size of the height and width are less than #t# pixels",
command:"Command",
commandTip:"Command Menu",
onlineEdit:"Online editing",
onlineEditTip:"Edit this image online using #t#",
openInNewWindow:"Open in new window",
openInNewWindowTip:"Open image in new window",
findInPage:"Find In Page",
findInPageTip:"Scroll to the current image in page",
viewCollection:"View Collection",
viewCollectionTip:"View all collected images",
inCollection:"Unable to use in Collection mode",
cantFind:"The image is not in the document, or it is hidden and cannot be located!",
exportImages:"Export all Images",
exportImagesTip:"Export all shown big size images to new window",
downloadImage:"Download all shown",
downloadImageTip:"Download the current shown pictures, support no cross-origin",
copyImagesUrl:"Copy all images Urls",
copyImagesUrlTip:"Copy all shown big size image Urls",
copySuccess:"Copied #t# Urls successfully",
autoRefresh:"Auto load page",
autoRefreshTip:"When the last few images are viewed, scroll the window to the bottom, so that some webpage will load the new images",
enterFullsc:"Enter full screen",
exitFullsc:"Exit full screen",
config:"Settings",
openConfig:"Open Settings",
closeGallery:"Close Gallery",
returnToGallery:"Back to the Gallery",
picInfo:"Click to change",
picNote:"Img annotation",
resolution:"Img Resolution",
picNum:"Number of pictures",
picTips:"View pictures with CTRL key",
savePageTips:"Save this page to download all pics",
scaleRatio:"Scaling ratio",
similarImage:"Searching by image",
scale:"Zoom",
horizontalFlip:"Horizontal flip",
verticalFlip:"Vertical flip",
actualBtn:"View original (A)",
searchBtn:"Find the original image (S)",
galleryBtn:"View gallery (G)",
currentBtn:"View current (C)",
magnifierBtn:"Magnifier / ZooM (M)",
picTitle:"Picture Title",
exportImagesUrl:"Export image Url",
exportImagesUrlPop:"Ctrl+C to copy image Url",
beginSearchImg:"#t# begin Search Img ...",
findNoPic:"The original image was not found",
findOverBeginLoad:"#t# end of the map, find #t# matching pictures, start loading the first one",
loadNextSimilar:"The original image failed to load, try to load the next result...",
loadError:"Load failed",
openHomePage:"Open Home page",
position:"Display position",
positionTips:"Hold ALT to hide",
topLeft:"The top left corner of the picture",
topRight:"The top right corner of the picture",
bottomRight:"The bottom right corner of the picture",
bottomLeft:"The bottom left corner of the picture",
topCenter:"Beside the picture",
bottomCenter:"Below the picture",
floatBar:"Toolbar",
showDelay:"Show delay",
ms:"ms",
hide:"Hide",
hideDelay:"Hide delay",
forceShow:"Show toolbar over Non-zoomed image beyond that size, ",
forceShowTip:"Show floating toolbar when non-scaled image size exceeds the size set below",
sizeLimitOr:"Effected by height OR width only",
px:"px",
minSizeLimit:"Show toolbar over Zoomed image beyond that size",
minSizeLimitTip:"After the image is scaled (the original size of the image does not match the actual size), the floating toolbar is displayed when the shown image length is greater than the set value.",
defaultSizeLimit:"Default size limit for gallery",
listenBg:"Listening background image",
listenBgTip:"Show toolbar on the element with the background image",
butonOrder:"Sort of toolbar icons",
keysEnable:"Enable shortcuts",
keysActual:"Open the big picture",
keysActualTip:"Press this button to open a large image when floating bar appears",
keysSearch:"Find the original image",
keysSearchTip:"Press this button to find the original image when floating bar appears",
headSearchTip:"Search by image",
headSearchAll:"Search All",
keysCurrent:"Open the current picture",
keysCurrentTip:"Press this button to open the current image when floating bar appears",
keysMagnifier:"Open the magnifier to observe",
keysMagnifierTip:"Press this button to open the magnifier when floating bar appears",
keysGallery:"Open Gallery（Global with funcKeys）",
keysGalleryTip:"Press this button to open the Gallery when floating bar appears",
openGallery:"Open Gallery",
magnifier:"Zoom",
magnifierRadius:"Default radius",
magnifierWheelZoomEnabled:"Enable wheel zoom",
magnifierWheelZoomRange:"Zoom ratio for magnifier",
gallery:"Gallery",
galleryFitToScreen:"Scale the image to fit the screen",
galleryFitToScreenSmall:"Scale the small image also",
galleryFitToScreenTip:"Adapt to be contain, not cover",
galleryScrollEndToChange:"Switch the image after the long picture scrolls to the end",
galleryScrollEndToChangeTip:"Valid after canceling the previous option",
galleryExportType:"Default sort when images exported",
grid:"Tile sorting",
gridBig:"original sorting",
list:"List sorting",
galleryAutoLoad:"Automatically load more images on next page",
galleryLoadAll:"Automatically process all pages when loading more images",
galleryLoadAllTip:"Too many pages may affect the experience",
galleryDownloadWithZip:"Compress to ZIP when download all",
galleryDownloadWithZipAlert:"Compressing, wait for a while please",
galleryScaleSmallSize1:"The actual size is less than the height and width",
galleryScaleSmallSize2:"Pixels are grouped into small size images",
galleryShowSmallSize:"Show small size pictures by default",
galleryTransition:"Show effects when gallery switch",
gallerySidebarPosition:"Thumbnail bar position",
bottom:"Bottom",
right:"Right",
left:"Left",
top:"Top",
gallerySidebarSize:"Height",
gallerySidebarSizeTip:"The height of the thumbnail bar (if it is horizontal) or the width (if it is vertical)",
galleryMax1:"Maximum prefetch",
galleryMax2:"Pictures (before and after)",
galleryAutoZoom:"Zoom changes back to 100% (chrome)",
galleryAutoZoomTip:"If you zoom in, change the zoom of the image and sidebar sections back to 100% and increase the viewable area (only valid under chrome)",
galleryDescriptionLength1:"Maximum of annotation is",
galleryDescriptionLength2:"Characters",
galleryAutoOpenSites:"Regulars of urls for auto open gallery, one per line, start with @ for ViewMore",
gallerySearchData:"Site rules for search, empty it to restore",
galleryEditSite:"Online editing site",
imgWindow:"ImgWindow",
imgWindowFitToScreen:"Adapt to the screen",
imgWindowFitToScreenTip:"Adapt to be contain, not cover",
imgWindowDefaultTool:"The tool selected by default when opening the window",
hand:"Hand",
rotate:"Rotate",
zoom:"Magnifier",
imgWindowEscKey:"Esc key to close",
imgWindowDblClickImgWindow:"Double click to close",
imgWindowClickOutside:"Click overlayer to close by",
imgWindowClickOutsideTip:"Only enable when Overlayer is shown",
none:"None",
click:"Click",
dblclick:"Double click",
imgWindowOverlayerShown:"Overlay",
imgWindowOverlayerColor:"Color and Opacity",
imgWindowShiftRotateStep1:"Rotate when hold down the Shift key on every ",
imgWindowShiftRotateStep2:"Degree",
imgWindowMouseWheelZoom:"MouseWheel Zoom",
imgWindowZoomRange:"Zoom Range",
imgWindowZoomRangeTip:"Zoom ratio (must be positive)",
others:"Other",
waitImgLoad:"Start to perform operations such as zooming until image is loaded",
waitImgLoadTip:"When holding down the Ctrl key, you can temporarily execute opposite to this setting",
debug:"Debug mode",
customRules:"Custom rules for large image",
firstEngine:"Preferred (first) search engine",
refreshWhenError:"Read error, click to overload",
switchSlide:"Switch sidebar",
viewmore:"View more",
countDown:"CountDown"
};
break;
}
function i18n(key,inserts){
var result=i18nData[key],i;
if(inserts){
if(typeof inserts!="object")inserts=[inserts];
for(i=0;i<inserts.length;i++){
result=result.replace("#t#",inserts[i]);
}
}
return result?result:key;
}
var defaultSearchData=`Google | https://www.google.com/searchbyimage?image_url=#t#
Yandex | https://yandex.com/images/search?source=collections&rpt=imageview&url=#t#
SauceNAO | https://saucenao.com/search.php?db=999&url=#t#
IQDB | https://iqdb.org/?url=#t#
3D IQDB | https://3d.iqdb.org/?url=#t#
Baidu | https://graph.baidu.com/details?isfromtusoupc=1&tn=pc&carousel=0&promotion_name=pc_image_shituindex&extUiData%5bisLogoShow%5d=1&image=#t#
Bing | https://www.bing.com/images/search?view=detailv2&iss=sbi&form=SBIVSP&sbisrc=UrlPaste&q=imgurl:#t#
TinEye | https://www.tineye.com/search?url=#t#
Sogou | https://pic.sogou.com/ris?query=#t#
360 | http://st.so.com/stu?imgurl=#t#
WhatAnime | https://trace.moe/?url=#t#
Ascii2D | https://ascii2d.net/search/url/#t#
Trace Moe | https://trace.moe/?url=#t#
KarmaDecay | http://karmadecay.com/#t#
ZXing QRCode | https://zxing.org/w/decode?full=true&u=#t#
ImgOps | https://imgops.com/#b#`;
var _GM_openInTab,_GM_setClipboard,_GM_xmlhttpRequest,_GM_registerMenuCommand,_GM_notification;
if(typeof GM_openInTab!='undefined'){
_GM_openInTab=GM_openInTab;
}else if(typeof GM!='undefined' && typeof GM.openInTab!='undefined'){
_GM_openInTab=GM.openInTab;
}
if(typeof GM_setClipboard!='undefined'){
_GM_setClipboard=GM_setClipboard;
}else if(typeof GM!='undefined' && typeof GM.setClipboard!='undefined'){
_GM_setClipboard=GM.setClipboard;
}
if(typeof GM_xmlhttpRequest!='undefined'){
_GM_xmlhttpRequest=GM_xmlhttpRequest;
}else if(typeof GM!='undefined' && typeof GM.xmlHttpRequest!='undefined'){
_GM_xmlhttpRequest=GM.xmlHttpRequest;
}
if(typeof GM_registerMenuCommand!='undefined'){
_GM_registerMenuCommand=GM_registerMenuCommand;
}else if(typeof GM!='undefined' && typeof GM.registerMenuCommand!='undefined'){
_GM_registerMenuCommand=GM.registerMenuCommand;
}
if(typeof GM_notification!='undefined'){
_GM_notification=GM_notification;
}else if(typeof GM!='undefined' && typeof GM.notification!='undefined'){
_GM_notification=GM.notification;
}
if(typeof _GM_openInTab=='undefined')_GM_openInTab=(s)=>{};
if(typeof _GM_setClipboard=='undefined')_GM_setClipboard=(s)=>{};
if(typeof _GM_xmlhttpRequest=='undefined')_GM_xmlhttpRequest=(f)=>{};
if(typeof _GM_registerMenuCommand=='undefined')_GM_registerMenuCommand=(s,f)=>{};
if(typeof _GM_notification=='undefined')_GM_notification=(s)=>{};
var _GM_download=(typeof GM_download=='undefined')?saveAs:GM_download;
var prefs;
var escapeHTMLPolicy;
if (unsafeWindow.trustedTypes && unsafeWindow.trustedTypes.createPolicy) {
escapeHTMLPolicy=unsafeWindow.trustedTypes.createPolicy('default', {
createHTML: (string, sink) => string
});
}
function createHTML(html){
return escapeHTMLPolicy?escapeHTMLPolicy.createHTML(html):html;
}
function init(topObject,window,document,arrayFn,envir,storage,unsafeWindow){
// 默认设置，请到设置界面修改
prefs={
floatBar:{//浮动工具栏相关设置.
butonOrder:['actual','current','gallery','magnifier'],//按钮排列顺序'actual'(实际的图片),'current'(当前显示的图片),'magnifier'(放大镜观察),'gallery'(图集),'search'(搜索原图)
listenBg:true,//监听背景图
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:45,
h:45,
},
},
minSizeLimit:{//就算是图片被缩放了(看到的图片被设定了width或者height限定了大小,这种情况下),如果图片显示大小小于设定值,那么也不显示浮动工具栏.
w:15,
h:15,
},
sizeLimitOr:false,
keys: {
enable: true,
actual: 'a', // 当出现悬浮条时按下 `a` 打开原图
search: 's',
current: 'c',
magnifier: 'm',
gallery: 'g',
},
globalkeys: {
ctrl: true,
alt: false,
shift: false,
command: false,
type: "hold"
}
},
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:{//图库相关设定
loadMore:false,
loadAll:true,//加载更多时是否加载全部页面
viewmoreEndless:true,
fitToScreen:true,//图片适应屏幕(适应方式为contain，非cover).
fitToScreenSmall:false,
scrollEndToChange:true,
exportType:'grid',
sidebarPosition: 'bottom',//'top' 'right' 'bottom' 'left' 四个可能值
sidebarSize: 120,//侧栏的高（如果是水平放置）或者宽（如果是垂直放置）
sidebarToggle: true, // 是否显示隐藏按钮
transition:true,//大图片区的动画。
preload:true,//对附近的图片进行预读。
max:5,//最多预读多少张（前后各多少张）
zoomresized: 25, // 图片尺寸最少相差比例，单位：%
scaleSmallSize: 250, // 图库的新类别，缩放的图片，尺寸的高或宽都小于该值
showSmallSize:true,//是否默认显示小尺寸图片
scrollEndAndLoad: false, // 滚动主窗口到最底部，然后自动重载库的图片。还有bug，有待进一步测试
scrollEndAndLoad_num: 3, // 最后几张图片执行
autoZoom: true, // 如果有放大，则把图片及 sidebar 部分的缩放改回 100%，增大可视面积（仅在 chrome 下有效）
descriptionLength: 32, // 注释的最大宽度
editSite: "Lunapic",
defaultSizeLimit:{
w:200,
h:200
},
searchData:defaultSearchData,
downloadWithZip:false
},
imgWindow:{// 图片窗相关设置
suitLongImg: true,
fitToScreen: false,//适应屏幕,并且水平垂直居中(适应方式为contain，非cover).
syncSelectedTool:true,//同步当前选择的工具，如果开了多个图片窗口，其中修改一个会反映到其他的上面。
defaultTool:'hand',//"hand","rotate","zoom";打开窗口的时候默认选择的工具
close:{//关闭的方式
escKey:true,//按esc键
dblClickImgWindow: true,//双击图片窗口
clickOutside:'', // 点击图片外部关闭。值为''|'click'|'dblclick'；无或点击或双击
},
overlayer:{// 覆盖层.
shown:false,//显示
color:'rgba(0,0,0,0.8)',//颜色和不透明度设置.
},
shiftRotateStep:15,// 旋转的时候，按住shift键时,旋转的步进.单位:度.
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,//是否允许使用滚轮缩放。
},
},
//等图片完全载入后,才开始执行弹出,放大等等操作,
//按住ctrl键的时候,可以临时执行和这个设定相反的设定.
waitImgLoad: false,
//框架里面的图片在顶层窗口展示出来，但是当frame与顶层窗口domain不一样的时候，可能导致图片被反盗链拦截，
//按住shift键，可以临时执行和这个设定相反的设定
framesPicOpenInTopWindow: true,
// lowLevel: true, // 如果有多个图片，优先选择低一级的
debug: false,
customRules:`[
//{
//name: "Google picture",
//example: "http://www.google.com.hk/search?q=firefox",
//enabled: true,
//url: /https?:\/\/www.google(\.\w{1,3}){1,3}\/search\?.*/,
//clickToOpen: {
// enabled: false,
// preventDefault: true,
// type: 'actual',
//},
//getImage: function(a){
//},
//css: '',
//ext: 'previous-2',
//exclude: /_code\.png$/i,
//src: /avatar/i,
//r: /\?.*$/i,
//s: ''
//}
]`,
firstEngine:"Tineye"
};
var tprules=[
function(a) {
var oldsrc = this.src,newsrc = this.src;
if(this.dataset && this.dataset.original){
newsrc=this.dataset.original;
}else if(this._lazyrias && this._lazyrias.srcset){
newsrc=this._lazyrias.srcset[this._lazyrias.srcset.length-1];
}else if(this.dataset && this.dataset.origFile){
newsrc=this.dataset.origFile;
}else if(this.srcset){
var srcs=this.srcset.split(","),largeSize=0;
srcs.forEach(srci=>{
let srcInfo=srci.trim().split(" "),curSize=parseInt(srcInfo[1]);
if(srcInfo[1] && curSize>largeSize){
largeSize=curSize;
newsrc=srcInfo[0];
}
});
}
return oldsrc != newsrc ? newsrc : null;
}
];
//图标
prefs.icons={
actual:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFQkE5RjA0RDk2MzhFMjExQTU0REJGNDRCQTFCOUNERSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEE0N0FDMTNENjgxMUUyOUQ4REU1MDlFRDYwNTkzOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOEE0N0FDMDNENjgxMUUyOUQ4REU1MDlFRDYwNTkzOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVCQTlGMDREOTYzOEUyMTFBNTREQkY0NEJBMUI5Q0RFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVCQTlGMDREOTYzOEUyMTFBNTREQkY0NEJBMUI5Q0RFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nuhUUAAAAVFJREFUeNq01bGqglAYB/BuiQ0hDU26aTgYtES74As4iG/gQziIbyAStgu2NhQtvUGk6Au4OTg4qCjk5ulc4l6sa/eCx/sfDpzjxw/9OB9+AAAGvaQXCCLDQU/5N2i1Wl0uF1EUkXq0WCyKogiCoAvShE6nE9wahoHabEEQ4JrnOWqPqqqCK8dxqPdot9vBbVmWs9kMqUcMw2RZBk8cx0GCHt91PB7TNNV1HQn6M9PpFBUaj8f7/R7We55HUVR3yLIs8JXr9ToajbpA6/W6rmvQiKIoXaDz+QyeE0URhmHt0Hw+930/DMPlctlU4Ay+vM4jsiy3QARBQOJRkSQJTdPf0GazAW05HA4tkGmazSLXdXEc/xyi4TCO41bodrtNJpMniCRJePpSp2kafMTzPHgfSZKeIFVVfxbBGWZZdrvd/gLZtt3xZr8bEayvH8ldgAEAjySkPffpTOwAAAAASUVORK5CYII=',
current:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkFGMjYxQkQzOEEwMTFFMkJBMzdENzI0QkVEMjM3NjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkFGMjYxQkUzOEEwMTFFMkJBMzdENzI0QkVEMjM3NjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQUYyNjFCQjM4QTAxMUUyQkEzN0Q3MjRCRUQyMzc2OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQUYyNjFCQzM4QTAxMUUyQkEzN0Q3MjRCRUQyMzc2OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkXfwy0AAADoSURBVHjaYvpPJcDCwMDAyMjIQBkAGsTEQCVANYNY0FxIkmbkMGHBI0cwXGjiNewGffr06dy5c1QwiJeXd//+/dSJNUlJSZLTEiYbyPj8+TNJGrG7SEtLa9++fXV1dZS6iAyNxEb/5MmTIZnz5MmTFLno379/8IxOgovOnj17+/Zt5CBDTvGhoaFEuQiYiCA2KyoqQsQnTpyIXPRs2LABi0Y0PjD5fPv2Da6npqbG3t4esxgLDg4mYFBFRQWyhu/fv0+ZMgXToPnz56NpZARhmP/JLkagRS0ZZQgNS0iqFrWkBg1WABBgAMViMFcYqRWbAAAAAElFTkSuQmCC',
magnifier:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFOUE5RjA0RDk2MzhFMjExQTU0REJGNDRCQTFCOUNERSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2OTVBMUFDOTM4QTMxMUUyQjU3OEY5MDVFQzA5NDg3NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2OTVBMUFDODM4QTMxMUUyQjU3OEY5MDVFQzA5NDg3NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU4REEyMTVBQTMzOEUyMTFBNTREQkY0NEJBMUI5Q0RFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU5QTlGMDREOTYzOEUyMTFBNTREQkY0NEJBMUI5Q0RFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+c9dtRgAAAdpJREFUeNqsVS3LwlAUdjIFgx9hCyJDRPEfKIqMBe2GMbCYzDMb/BN+NAWjRottRsMQ1gWLwWawqEFh78M72a53H4LshnF37nOenfOcc+4Y0zQjoaxQiEASpUw8z/d6veVyeTwen88nntjDAnswFwMyhmGsl2azqarq5XLRNG2/359Op3w+X6lUWq0Wx3GTyWS73fqmZacGFvi3221PKOw4BcaP6B0RIp/NZovFAuH4BS+KYrfbzeVy6XTayeg/GyciqDCfz7FpNBoBQgADpLtQjthQAZFTbqvVirIAA6TnN95EUBTqkge1Wi2TyVBoYIAMqhoqnUgkXq8XUtvtdogFZXo8HrfbDaBOp2OhWZaFMRaLORpTGqFfisUiqRE2m82G+iwwQAZp5BlzPB6nLG4FaI3cKhqG0e/3BUEgjZ41+QgPfbRer9F1AeXHKTDkrJCp0Z09GAz8WJDU4XAAXtd1NxFrQ605Go/HpVLJc9ZSqVS5XAamWq1+v0au16s1/efzGd1gT3+9XjeJpSiKb2okbzKZtBwKhYJlH41GJBHE+k6UzWbv97vtMxwOJUkyXUuW5S9E0Jt0QCtPp1M3Ea4KkujjYvvh5rVHhPU8+GFFIyEtNqwfyZ8AAwDsuJgtGILBsQAAAABJRU5ErkJggg==',
gallery:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEwMDAwRUIzOEEwMTFFMjhEOEM5NkVGODMwQkUyRjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTEwMDAwRUMzOEEwMTFFMjhEOEM5NkVGODMwQkUyRjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTAwMDBFOTM4QTAxMUUyOEQ4Qzk2RUY4MzBCRTJGOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTAwMDBFQTM4QTAxMUUyOEQ4Qzk2RUY4MzBCRTJGOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvbSbv8AAAD8SURBVHjarJVBDkQwFIZ10q0DWNq6hEOIu1iIOwh7V3AC1hZcwC1I2HnTmWbedMqUVv+ElPZ9/veirwQAHCuyAmIQaoYjhEhvqGJOKwlqliZfKX6bnnq+6IveKb/oi16s5amvh2NJKtA0TcMwWAC5rtu2rQUQk+d5eltkf+eDeZ4vhqscBUHQNE2WZXcdaYU/tMpRFAW81XXdX2SSJKeOtm2Dj+SEcMTFfOGivu/HcRRLBoLiOD4AIR59sZ+IB/i+z2fzPBdBdV2rQOhrWRZ8TNM0DEPYKYqiY5DkC7Wua1mWe1BVVQgir+t3rxu03W/PNushcmOzcpA8BRgAZvU/uPa6ZfkAAAAASUVORK5CYII=',
search:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAqFBMVEUAAAD///8KCgq/v7/MzMwFBQXj4+OTk5P9/f2mpqakpKSVlZWMjIyJiYkuLi4qKiokJCQZGRn5+fny8vLd3d3c3NzS0tLOzs7Dw8O7u7u3t7d1dXVubm4ODg719fXn5+fa2trW1tbQ0NDJycnGxsaysrKbm5uPj496enp5eXk9PT03NzcjIyMWFhYRERH29vbq6uqsrKyenp6Ojo5kZGRCQkIzMzMmJib+wYUxAAAA/UlEQVQoz53R527CUAyGYb9JyCIkbMhi79Xd3v+d1ZymAqEiVXx/ju3nj3Us3Ikgf+Yf0MzTXtfeJDdgNTqYPHmna2gtgH4QDM5P8wKtGQw/alrtbOgdfqGmnXcei9YROFYFG6jrqEjTXEdv0PiBwwi7JtYSwFbJaMcGIkaxyDt0J1Do4h1WBrqEIvJCr7Rm2FqucA24vGq3ZCoyZ6ilx9hAnY6uXoAzh60u/0xoIGmTiVhDUCtFAvxPAxKZBU8NZ7A+iuRmeQOWA5FU2UK/rEC+XMj2ookDGCeXT0ym4C/qnt2GSXz97cfQx8QPWzeH2q8d1x14u6p96OZ38g2yyQ1gIwkXlgAAAABJRU5ErkJggg==',
retry:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzIyMjhBQTUzNjdDMTFFMkI3QThBNTAwQUMxRDJGREMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzIyMjhBQTYzNjdDMTFFMkI3QThBNTAwQUMxRDJGREMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMjIyOEFBMzM2N0MxMUUyQjdBOEE1MDBBQzFEMkZEQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMjIyOEFBNDM2N0MxMUUyQjdBOEE1MDBBQzFEMkZEQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj9mTMsAAALCSURBVHjadFJLSFRhFD73v4+5d+4dmgkkEcxFOOo4OQ90FgVJ2lhihFk5ozWKGxeBBEWFmA/GzFVFu1xFRrVrHbiJaGVqCDUZEdKAi1mkQjWv++r817kXW/hfzv1f53zfOf93mNraWjhoMIQBQsiiaZjXDcP4s/8um81aMzHh4I/neJBlOSUr8meWY9tpgH1nD2KtbcPBEjYmCMIbSZR+u91u0+PxAFqdoijveIF/yDCMsC8eONM07XQFZJyS3NK4y+UiCAIcxwHP83vALEv3N/N/813FYjGBRxkHAOsEURSfSpI0IrtlQCYrANkcJgpI96FwqO5K/2WPk4H147gOTHlEkRXgeA7CkTAkBxLgb/BD34VLQFisFImSA0lIDibeY8iGA0BRa2pqZstq2XJsamqEqZnJt3g3fepE+7LiUUzfYR/cun0LotHIdFskli6Xy7C1tVUBQKlUXW2lZaiqCr19vatt0Vh3qVSy0g4EAzCTntmtrj7SH2mJLmmqBva72RmwxUJRwPotAJ/Pd6dULIGu66ARDR4/efQJ73pbmkNZerZfAUvGtfVVQIkAGwU0TYMHc/M56khZKCAGnww2Hs/qmi4h2ShmOopzwgEIBcN6vb9epcEUZHNzc9ZqFQQwdAOa6gMFeo4NdVd0iQuiJC6g/5gDQNnOdZ9dozN90EK+cBFVWQAGDlVqFVDSCWS+hz1C5YaxG2P5/wDiXfHJM/FOR2+UdBSbaRfXPwWXUELW+9gbLO2NnvM90NF5Ou08Ik2zuSG4tLq+slhVVTX06uVrwCDA3qdlHKVZ0UBqV68NQmo49Qz9P+Ryub0O9vq8QBgC335sCLifynzJjC8+f0FWPq4A1Ztm1NrWCkPDKSPQHJhHn7T/WEN5+9d2BcDr3VtUmL5+z8RwO4EWR5PQCmhLaHP4oMu2Qjs7O1bcPwEGAErKEckpB5KiAAAAAElFTkSuQmCC',
loading:'data:image/gif;base64,R0lGODlhGAAYALMPACgoKOnp6cnJyaamppmZmVhYWGdnZ3d3d4aGhgEBAdnZ2UNDQ/b29r29vbGxsf///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUU5MTZGNDMxQ0E4MTFFMkE1Q0NEMTFGODU0MkUzNzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUU5MTZGNDQxQ0E4MTFFMkE1Q0NEMTFGODU0MkUzNzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRTkxNkY0MTFDQTgxMUUyQTVDQ0QxMUY4NTQyRTM3NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRTkxNkY0MjFDQTgxMUUyQTVDQ0QxMUY4NTQyRTM3NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn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',
loadingCancle:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBFMjYzRTUxQ0IwMTFFMkE5RkRDMDFGNUY3NTA2OTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBFMjYzRTYxQ0IwMTFFMkE5RkRDMDFGNUY3NTA2OTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEUyNjNFMzFDQjAxMUUyQTlGREMwMUY1Rjc1MDY5NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEUyNjNFNDFDQjAxMUUyQTlGREMwMUY1Rjc1MDY5NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmI2XfsAAADqSURBVHja7FTLDYMwDI1puwQr5MCJKZCyB3cklsg9GzAAEjAEezBFhRtHISr/T9VD1VgyJP68ZzsBQET2TQFP8McEaZoGJ7F6pdTMeN9KaNv2nR3iODYLbaeX82k7nO6g67oRiBCC6VgDBABYluUIhx5hGM5w9sbgKrOARLgIfrWDQXCvgLUOVgmiKGJ2HEarqhoFJklicod8zjkriuL0iLY6OHS/jxCgrn5mtDb8lADrunabPM8fpMPe+vASAc20aZrpgT6tusOlGIpdk60PLciy7EYLKWW/dIO0P5gU2vu/qSf4QYKXAAMAJ5qBE+5PPaUAAAAASUVORK5CYII=',
hand:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjI3OEJEQkYxQ0U3MTFFMjg5NDZFNzJBMTc5RTBBMzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjI3OEJEQzAxQ0U3MTFFMjg5NDZFNzJBMTc5RTBBMzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMjc4QkRCRDFDRTcxMUUyODk0NkU3MkExNzlFMEEzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMjc4QkRCRTFDRTcxMUUyODk0NkU3MkExNzlFMEEzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjEL5KQAAAHBSURBVHja5FRNywFhFGVmkM9EEaWQEik1Fqws/AWJn2Dl/8haKTsW/ANljaQslLLwka98NjNOpvTkfeadUXo371k83bndOXPuufcZfT6f130DjO5L+EOi0Wg0GAxUyzhqdj6fX6/XYDDIsmytVlssFo1G43w+z2Yzh8Ph9/u1KspkMsViURRF+dHn8+G0WCzVarVQKHygqFQqCYIwHo+Px+MrGY1GcTqdzg882mw2OMPhMOheSbvdTvY+nU7ViWCKJEmxWOx0OklPrNdrtCbHt9stnU6Xy2V1ot1uB4O8Xq/b7RafQEfJZBLB/X4/HA5YY7PZTL7CxuNxOdput5g0JNhsNqPRGIlE8PFUKiWrgAQ5QNcejycQCGCsqKcQ8TxfqVSsVmu/30d1NpuVaHC5XGAxmUytVgtfpUxtuVxyHIfBJxKJer2+3+9hitL6YaFQT28N9AzDhEIhGAF1l8vFYDBQRWFLu90uKed9j3q9HkwFF4rgJTl7EhC7Wq1U9qjT6UAzLBCVIW+Z+kI2m01MEIGgAK1EQLvdFpTxZvNvRPBoOBxS+8IQcD+0XlpgMpnkcrmfefIak9D/53+2RjwEGAAlkHhWHev9/QAAAABJRU5ErkJggg==',
rotate:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjM2M0UyRTcxQ0U3MTFFMjgxRDNEQkM4N0Q3NTg2QkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjM2M0UyRTgxQ0U3MTFFMjgxRDNEQkM4N0Q3NTg2QkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMzYzRTJFNTFDRTcxMUUyODFEM0RCQzg3RDc1ODZCQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMzYzRTJFNjFDRTcxMUUyODFEM0RCQzg3RDc1ODZCQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlX779gAAAJXSURBVHja3JQ5a6pREIbzqbigoqBeNyI2pghEAnZiJZZ2/gMLQZBgoYUEXIJgYyD+gYhYxcJGtDKQH6CIImKhuIAGFHHfl9yXyPV6DZoUKS6ZYjhHzzxn5p05H2EwGM6+w0hn32T/H4hy7I/RaNTpdCaTCYVCWa1W6/X617vVajV4BoPxOQgx1WpVoVCYzWa5XD6fz2k0Gn58fHxMJpMmk+n5+RlbMpm8H0UcdA0n6vX67e2tQCCIx+OlUqlQKFxeXl5fX+t0OuQokUiAttvtfD5/n3Wo0XA49Hq9r6+vgUAAFKSGLXw6nQady+WiWFx2c3OD+05lpNfrZ7MZSsAa8R6Ph0qlLhYLv99/d3fH4XB2J/v9Pi47CtpZLpfTarVisVilUkEjsFwuFyT7avszmUyr1cLCarUul8tsNnt/f48t8kJ2yPGrIIfDgRgsNBoN2ux2u5VKZT6fh3aQ1ul0HmMdglgslsVi2Sa1NQj89PQUiUQwTSQSCZJXKpXPQegFhCAIYrPZNJtNeOTi8/l4PN763cBC1h9ZpH11Go0GWo6bUQK80WiEPz8/Z7PZ0Gv9x8B6eHg4CrLZbEwm8+XlBY8ABSKATqfDq9VqeIzfDiQUCkOh0NEngmvRl0Qi0W63RSLRwblutwsEFlKpNBgM9nq9gwNkjP92hXbIZLKrqys8js2/ViwW397eoDooyAWjeEpsDHQ0GsULWH0w5IhROEE57BpYsVjsIwjtu7i4CIfDg8Hg2ED+LW1r4/EYg4dm7+pKpVLlchkjPp1OT3zYiJ/78f8twABFT5G5Yf+a5QAAAABJRU5ErkJggg==',
zoom:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzI2NDFENzExQ0NBMTFFMjhDOUNGQ0NDOTYzODI4REUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzI2NDFENzIxQ0NBMTFFMjhDOUNGQ0NDOTYzODI4REUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMjY0MUQ2RjFDQ0ExMUUyOEM5Q0ZDQ0M5NjM4MjhERSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMjY0MUQ3MDFDQ0ExMUUyOEM5Q0ZDQ0M5NjM4MjhERSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjUXtsUAAAHTSURBVHjazJTHakJREIZzc63YS2xYsKx05cYXEHwBfQb3PpgbwRdw60oXtoWoWBAL9i7mQyGERMNNWeRfXA4znO/M/GfuEZLJ5NNf6Pnpj/T/QLK70cPhMBgMlsslC4VCodPpnE4ni++BVqsViFQqFQgEjEbjbDZrNpu5XA6cVqt9BBLD4fCHWuRyeSaT4fxOp1Ov17fbrdvtTiQSpVLpdDqJoijJo/1+n06nQTQajcvlQkXn87larbZaLeJkpZodj8fppd/v04UgCFD46vX6Xq83nU7JSgX5/X4oarWawyFOJpP5fL7b7TQaDXGyUs2mF7ygKTafryKITSqVitKi0ajUiqjCZDJh6of48XgkTlYqaDQacUcc/nyVeNVt7fV6y+UylUoCFYtFs9nMBMES3ykYDNpsNpfL1e1277LuzNFwOIzFYlarFYPokUUkEgmFQuv1+uWqQqHAncpksq9AaLFYMERs8Hg8ZNnD3dGawWDgGIfDYbfbP7ME6e8RPw30zWbDGrOy2azP53sb9DsVPVKlUuEe+OPwiH6xkgjz9W0QqtVqsGjqxrrN6g/fI56B8XhssVgY3bdyHr5HXyufz+OOUqnkB/wVCLXb7X//Zr8KMADSBu6sAZizOwAAAABJRU5ErkJggg==',
flipVertical:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mzc5RkM3NzYxQ0Y0MTFFMkFGQzk4NzFDMzc4MTVBMTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mzc5RkM3NzcxQ0Y0MTFFMkFGQzk4NzFDMzc4MTVBMTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNzlGQzc3NDFDRjQxMUUyQUZDOTg3MUMzNzgxNUExMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNzlGQzc3NTFDRjQxMUUyQUZDOTg3MUMzNzgxNUExMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoWGg/MAAAFCSURBVHja3JTNboMwDMftaVyKVlrYCU68Ae/Ci/MQE1JRCuok1gNCnuMExgQEJnGaUaIA8S9/fwDmeQ5H2AscZIeBXqc3Xde1bcvzppvneb7v87wMSpIkjuOdEsqyrKpqGcSUoigQkPQgQuQZkN8gkKz0JUuALMtWQWxBEOyRQ+4csYXXUCTovYR6IGo3lHsYFRJtgKL3SPbooSMD8TPBoDxGOYeo73snKArFGa2z4AxJpOEo7XarXKArhzac7TKEDdDb+Qw/9TGx2AFDesAG7MyRfzqtVAn/0NlsX88n6BzIhNNiGyGms+ZFm4E+H495OrYStgSq68Y0r9QKx8sCLdH0lhN0r5XeRxYCQ3bpl7gFkTOQuoNtOrQlI3HTeZl8bQCX4OICNU2z8+t3gZRSaZruBPHmVdCH2H/5Zx8G+hZgAJcamqB3G0N7AAAAAElFTkSuQmCC',
flipHorizontal:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUVBRDRDOTkxQ0Y0MTFFMkI0OUU5NThEQzI4NTFGNDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUVBRDRDOUExQ0Y0MTFFMkI0OUU5NThEQzI4NTFGNDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RUFENEM5NzFDRjQxMUUyQjQ5RTk1OERDMjg1MUY0MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUFENEM5ODFDRjQxMUUyQjQ5RTk1OERDMjg1MUY0MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pnl92swAAAFKSURBVHja3JTJjoMwDIbxqBw6SKVAT3DiDXgX3l9cRkhFLKIjekHIk9gJoXQhB07jILPFX37bAcjz3NnDvpydbDfQYXkzjuMwDMJvhrmu63me8K9BSZLEcWwpoSzLqqpegwSlKIogCKJLFIWXMAxOvv99PA73++/t1nVt07RN3bRd2/d9lmVL0LsagRhkSA75Sp7h4fUnEIhZKkhPpzhyqPBg1TVAMcBEMJnRjAJECxBKkloUlo+FWLkG8S1SU8sDPjDmM2u0UwScnJFDUCEHqIIrpR9qhHIAeZ2Tfj4rsUptlZW6RWSk2RAbIFw2Ho2nxFSN0E4RzUe9qUxiYPTZ1Agck5rqDhdbooC1gGNZbN7JWpFOEFbpb9VIBZnNrLCyj6KZT4znr7+u6zRNxcU0Tdequi4+7tn881kcPPkt6Ifsv/yzdwP9CTAAzDedWzss4SgAAAAASUVORK5CYII=',
close:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAARCAIAAAAt9wkYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0I3NzA1RDAxQ0Y3MTFFMkJGMTU4MTc4OEQ2N0MzQjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0I3NzA1RDExQ0Y3MTFFMkJGMTU4MTc4OEQ2N0MzQjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQjc3MDVDRTFDRjcxMUUyQkYxNTgxNzg4RDY3QzNCOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQjc3MDVDRjFDRjcxMUUyQkYxNTgxNzg4RDY3QzNCOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUW1owAAADqSURBVHja5FWxCoQwDL2W+x4X/QmHujvXzV0XadHN31HUn2gR/KD2AgWRAytETpTLEF5eSfqaaEvyPH/dw97W2rtIMcY8uytKKQeiKPKTP5fSdZ0DSZKEYQhAa72SdV0japIsy3D9XPdjjIHv+96FUkpPFqV0VwrnHD3dpmm+GCHEwdEJ2VVpTlhVVdtaEB6m2H2j9oTN87yVAuFhikclviuw8TAMWykQAonuCvJeWZZlmiaHy7IE37Yt+HEc4zgOggBREzmgVUdRFI4B4BhYwg2IpGl65ZXq+ZmvfoM838MfP4fPGNBHgAEAi7gyuvHuhZcAAAAASUVORK5CYII=',
searchBtn:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAARBAMAAABQu4N8AAAAGFBMVEVnZ2dYWFhfX19qampUVFTl5eVjY2NbW1ua0D9wAAAAaUlEQVQY03WKwQ2AIBAE/ViADxsgsQJbsAA0GagAOyC27z0O1wfMJZvs7E17n6EXM1Hlr+kORJtUb6dgQWpVPhVSkQ8OYeOydOT9nOH/49RcyTW3Ko8F8kuDc1n5mvwKNslrMC1/9Bn5FxqpUThYQLEuAAAAAElFTkSuQmCC',
rotateIndicatorBG:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALoAAAC5CAYAAACfmiVfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNDQzRDlCNjE4MjRFMjExQTlDNjhCQTlBOTYyNUVGMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRDEzOEEzQTI0MjAxMUUyOTRGREE2NjkyQjdBREQ5OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRDEzOEEzOTI0MjAxMUUyOTRGREE2NjkyQjdBREQ5OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMwOTI1OTNBMUUyNEUyMTFBOUM2OEJBOUE5NjI1RUYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0NDNEOUI2MTgyNEUyMTFBOUM2OEJBOUE5NjI1RUYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Q3ni7gAAGahJREFUeNrsXQtYVOW6XjMDAwgICqgwXAxJaKuZl9BM81H3U9pRi+5aZFm5O6fc5Tm6PWUXd1m7jpW1s55qG2rb7badmnY5aRePl8obiaKiKIxyFwQRGBhghuF8H/OvWozDMPdZl+99nu+BNczAYq13fev93v/7/xW0atUqjuAXREKoIBoXLVoUhC/AsTfTYfEMcCydep+aDpXfkACRzL4PhehDh8R/IKL7l+hJ7PsQRnaCnxBEh8Bv0AmyeBglGSK6nDN6pEC60LEnosuW6NEC6RJMh4SILleixwoyeggdEipG5arR+7Loki68zUggossFMXwGNxgMqfBFw14ni5GILrts3gWTyZQqeJ0sRiK67PS5tSgKCkoRvB5Gh4aILkuiq9XqJCI6EV320gUyegJJFyK67DN6cHBwvOB1KkaJ6PLM6CBdwpOSkniCk8VIRJcN0EocKHwhPT09lrI6EV1uGMj95pt3IT4+Po50OhFdtvqcR79+/YQZnZwXIrq89DmPyMhIIjoRXf4ZPSwsjKQLEV3+GT00NJSKUSK6/DO6RqPpQxYjEV1uiLf3IlmMRHQ5AVtz4+yynyxGIrqcZQsPshiJ6LKXLQiyGInockJiTz8gi5GIroiMThYjEV1O0PX0A7IYieiKIDqCLEYiuuylS9cPyWIkossAuPxcX0dvIIuRiC4HJPR6JZDFSERXAtFtLEYiOhFdkkjs7Q02FiMRnYguv0IUQRYjEV0R0gVBFiMRXerQOZX2yWIkoisho5PFSESXMpC8Ti30TxYjEV322byL2WQxEtGVQHSyGInoiiA6WYxEdClD58qbyWIkoss+oyPIYiSi94QpHOsMhFt9jAhv9y5ldAlYjFEQN7HjHQzRn4juH+RBvA8xAaIR4loRHfwrlonuDSK3GJHgf8VjjkkFvg5nx5yI7gdchvgbxDurVq1aPHLkyGo8AXAiroYI9P90xTLRvUGkFmMExHKIN1pbW1fDccXend9B6OGYm4no/sMeiK8h7nzooYfeu/fee3GiA56MMXBS+kpFn3eJcvFZjOMgPoWY2dLSsumZZ55RwfeDIMqA5A2k0f2PtyBqIBLHjx//4uLFi6eHh4djJhoJZL8qQNld5+oHRGQx4j48C7Ea70xtbW36FStWHGEFchNEKRWjgQFqxZchOvF/0el0Ny9btmzRpEmTMKviYw6vA9KEiz2jIzIyMuJsCOdvjIbYBHEHhMpisbRt3rz5U6PRaIFtlCqnIZtbiOiBw36IzwV6NyErK2vRE088MVWr1aKcGQVkT4JQiTWjIwYNGiSUL/60GLEn5z8hPhBepCdOnNiWm5t7kW2iLjdKmSRy8dHfhqjkN1QqVVBaWtrM559//slRo0ZhpryKOTP+0L9uZfQAWYwjIP4BMVfIhfr6+vy1a9ceZJu1QPILUieIXIjeAvFnJmF+sw0iIq564IEHljzyyCPj1Wo1esGjmXvgS7j1+/1sMWohFkJ8DDFY+AOTydSwbt26f7HNNoizciCInEZGf2Eas/s/qFZrhw8ffs8LL7ywYOjQodHwElqQaEVqfSQD4tz5oB8txnSIv0PMs3P+O/ft27extLS0hW0XQjY3EdHFh9U9OQNRUVEZCxYsWDp37tzrYBMHl8YC2eO8/PcT3P2gHyxG9PYfg1gPMcTeG8rLy/d8+eWXfAYvB5Jflgsx5EZ0vNUuh7DrDqCNd/311z+4bNmy7KSkJPTarwGyZ3jRznOb6D62GIcwgv8Bf7e9NxiNxooPP/zwf9mmAeK8nIghx6aufHZr7hGxsbGjFi5c+KesrKwM2BzAWQeZvNFCoPPkwz6wGNVMouDxyOjpTRaLxQSZfIPBYEAbsYOTuJWoFKIjPoQodvSG4ODgvjfddNNjS5cuvSsmJgZtSG+0EHhU6HrZYkyGWMOKTof1SGFh4Zf79++vZpvngOQtciOEXIneDvEiZx3ocAQVkGvCEsAtt9wymPO8hcCjjO4lixHP6X0QGyGu7e3Nly9fLlizZs2PbLMOSF4pR0LIuR/9NESOU1ZJSEgMEP1JIPhMD1sIPCK6FyxGrBFw4GexM3cEs9nctGHDhk0gXfjkcFauZJD7xIscRvheoVKp1MnJyVNZCwES1p0WAo+kiwcWI4764tA92qujnfxM58GDBz8tLi42sO0zkM3biejShJlJmHYXyIYtBE+72EKABe1KrpdlonuDmxYj/u13OGszltMFbFVV1c+bN28uYJuVQPJLciaCCv5BTgGYx4oyl2AwGM5t3bp1Y15eXh1sNrCsZ9vzcSfEHyG80jzW1tZWU1tbewoKxJM7d+480d7eXgsvIwkb4G932rx9JsR/cda12J1Ga2tr9euvv/4m6HNMBM0QeVJ1WSABEdFt7lw43D3C1Q+Cfm0vKCjYvnbt2v3wPVpv2OBUxVlHQZdB3OqrnTaZTI2QeXP37dt3MDc3t5yztiRfgL+P2f45jk1vcwWdnZ0d27Zte3vv3r0VnHW8AUneLNUT6yzRNdOnT1cC0TET4vS727keBkwcaHfNgAEDho0fPz6lsrKyqK6uLgKy7cDMzMyX4Gc3+nKnNRpNSFRU1FUjRoyYOG7cuCSQNp3wdyfEx8cvh7891J3fefbs2a+2bNlynG2ilVgn5RMLdz0iug1QeqDsmOCufh49evS4uLi4S5MnT/638PDwa/2140BqFdQOA9PS0sbpdLrrYDPEnd/T2Nh45s0339wMWR03LwPJJe+yOEt0pS2Wg67EFBecCdsM22fs2LEP9iINLM3NzSWQ+YtAa1fV19efBy1cZjQa648cOVI7Z86c4NTUVG1sbGwUSJPBQNqrIUaq1erh8FXrq3+8o6Oj5Z8AZiWanXWj5AKlER1T2XJGeK/N4gFyd0K2PFtcXHwYMszxmpoaHGXEwAGYDv592dnZwo9VBwcHn4Gv3/I3DXYRouYfx3nZEQON/6/Tp0/z8z1lbSUS0a3AkT+cqPGsFwhugax9ZNeuXT8cOHDgAisWy9wcQm+F+IZFCsTDEDM4F1cUsIfq6uqDmzZtymebWMzWKu2kK3Wdv89Z9rzB3V9gMBj0O3bs2PzTTz9dYPq/yIvuRQm783wCsRRijLu/qK2trXbNmjX8VEOsUYqVeMKVSnSUMDipGpd0cMmDhixuKigo+CInJ+cni1Xw6n3YH6KHeBwii7MO62td3FfL999/vwHuOihTcF8LhVKKiK4MoMx4k2VOp9De3n7p66+/Xss8aJQaJ/3gQeNFuRUCLcE3OBf6afR6/Q4gOj8RpRT2tVGpJ1vpi4x+xVkXQuoVRqOx8uOPP36HkRz7Q476eaAFrcD5WEg6K60++uijH9gmSqsyJZ9oWk2X415lROgRLS0tFasBZ86caWIkzw+Qa4GDOwuwHnD0po6OjtbPPvvsH3AHwruBmUmWTiK6soHkec1BMVcHxdyHlZWVrayYOx7gtQfxQnvCUYY+evTo5vz8/Hq2iUVyq9JPMhGd8bmHYs68Y8eO9efOnTOwYu6USGbF48W5tKf9bm5uFtqbZjq9RHQE+tR2OxsLCgq27d69u5yv7YDkBhHt9xlWTF+BzMzM2SEhIfy5vcqPq5QR0UWMqZx1Ja9uaGpqOpuTk/Mz27ws0ilm6I/n2r4YGho6aO7cudezTWwfHkhEJ8y1I1ks33zzzVbWF9LZW/EXQOC+vW5PngwdOlTYwqsjoisbqZydHvXa2to8waz4GpHPij8H8YWdrB4/Y8aMVD6rB3jNeCJ6gPF7O9m8c9euXd8LMqYU/Oe/c3YWbRo+fLiwlTiOiE5E76bNDxw4wGfzBomscYIX40HbF2NiYoYJNvsr+UQroQUAizHsBkwEzZ3S0dGRqlKpktRqtQ7iij6X4uJiYXEnpeWScTm5bk1quIzHG2+8saK1tbW2paXl4vnz52c1NzdX1NfXl+n1+vN5eXnYxYhjA0YpPpdIiUTH3vJEiGQkMwZ8P5iROerX25da3RU9VnZQhH733XcnBLJFSjPjsZUBPf5g4Ys4WSQ8PDwZIy7uN/UyceJE7v77728RXATVcr4IpER0LcvMSUDIJMzM+D0QNxGiv7NkdgQ44aVVVVX8KGKTxE4wSqyTENc5+wElXQRBIiQzWmHJQGaUGYPxe0ZmfMZl18AHSA8uKMj7u15XV6cXbErx6Wu/uEJ0JV0EgSA63loTWGZOZpk5Gcirg4MbxxfIviKzI+AcT8GmFJeA0Pvjj0jxIvAVkzAzJwnIPJjJDB0QOBaXfwsUmR2hsrKyRrApxYdTnQ/0Doj1IvCEZX2YzEiC4i/ZbDZj8ce7GT6XGb5ASUmJ8AkPbRIkuqjnggbyIuiNgeF8ZkYyY2YWWHP9hAWgVqvlpA6QLsIsLkWnQbLrmrt7EbCL28jC7IjofXkyA5G77DkBmZ225uQAthZhFyS6FqFRjufF2YsALoAe7wRqQfZqAz1thDAA2ZsgGuD7Nk5BiI6O/vUOF6DHq3uKMCWdL5yoDpLZYDKZDPDVCJw1Ms7ieIKFRSef0RtZFPagpVGi4LrfCZDxEzHrQ8ZPgOw+CGKAL1eX8jdiY2PDIKs3Ce52Ulvkp4/MiGwBEl9ua2u7ZDQa6yCqIXNfaGpqqqyoqCjdu3cvjly3smj3tBitZ1EAtxC8jVzBD85qF8bDVYWjkolA/nh2IcThU5ylcmBTUlL6FRUV8UQPkSDRJde4hSsG4+oKQGKMGiByNRC5AuqlikOHDpWDDGlmRG6znfealZXl9Gq63iBhLYt8O3cENX8h4AUAkWRzIfxqNYoBCQkJSJRSgQxokhhvUsS2Q6AAjJiRce4tEBm1NOroqkuXLpUfO3asrKSkpIHPyrZ1kTcXwPV1tsUdR2+6Bkh91E4xi7cHnP2igwsApRH67jo2eDSQOTt+uxBAusTbOE5Sw5BA6GQkMhSEdSwro7yoAglYAQVhGSsIeSJ3c0WmTJnit/0MtKzAVaNwilplD65OMF8fwAFNAGnEXwgJggvBa4iJiUkVbEZJkOijfUBkp3Wy7RIg6Io8+OCDojgwYtfPJiYlSnHgKTg42PbnqKNx0Coe7gY6vCPgNkojuBAG2WvDdVjJ9emTHB8fH8oauyLx6c0SauzCQnR4IHSyFCD1Nl20krC/Q99DodyHFcq8Y4StvDg+wNcI3VwKrBduvvnm4evXr8eedBzZxRHeaokci8k9nU+x6GQiuu+AI4U4sbmohwsBn2s0spvIHTIkk/ttZv1ACRHd7rOUgNClzz333NtsE1uP8wKlkwMJpU+l+8D2hYiIiCE33HDDIF6ng3yRgjeNkm2cvR+cOXPmR8FmhVJPtNKJfhjigI18UU2dOnUavwmRLIH/I9veuQTdXb9lyxY+g6M0qSWiKxevMRII3ZdREyZM4LN6nMizOjpFs+394OTJk9+AdOHXQz8v1WeJEtG9A1xybrVtUQpF2B3M7sSsnibSfcd9+297tRZq840bN/K1Bg58XVTySSaiW4EP79ogfCEyMjJt/vz5/HNEoyGrJ4hwv9Hbu8I7x4cAb9u2bYPZ3OWMdj2BjpaNJvAosH3hmmuumTVp0iSe4LhYp5hGS/GBuovt/eDYsWObc3NzeT1eZOex7kR0hWIAkwDdD45arZ01a9ajQPhoztquMBzIrhXJ/uKai3b3xcxSOUMnnV4iOq9zl3PWCShXIDg4ODo7O/sxnU6HTV4hjOyBHH/A0d6/clZL0S5Gjx59V3p6Ov//XC2Si5OIHmDcB5Hp6A1hYWHxTwIyMjKw/yUCYmSAyIOdoB/1VhzjjJw5c+bcx4rpICZziOgKBlpzC515I65O+/DDDy+cPHky9tagVr8OyB7hZ02egxnamTdHRUVlQDE9gW32F2kxTUT3A7BD7GXOhWd3arXa/rfddttTCxYsmAjZMpSR3dcEQml1B8Q6ztq34zSgtpgNMiZWUEyHKfVka+TStOMG/p2zs5pur6xTqdRxcXHX3HjjjVe3t7eXAbQ7d+6MhjDAsfT2841SWdF5D+fGo9JhXzVpaWnJP/7446GOjg68YCJhP6vldM7h/yGiOwAu2/Y8y5ZuAbJ7P8iYN4wZMybOZDI1lJeXI4nCIIxeIPxgiKc5qxPk0dMqYD+jU1NTOw4dOqRnxXQn7F+D0oiuWrVqldJIjsP5m1yVAY6ADw9obGw8q9frc3fs2JFfU1ODHY8YdS48khz3C1ttZ0Jc701ZCbvXsX379rf37NmDTV3YBnBUZA8ecxvOzhlVItFf4HroDfESqSy4Km9dXV0xruV46dKlErgISrEXHLJqXXZ2dnBKSkpITExMP7PZjA8JGwISYyRo/mG+nEje2tpa9corr6wyGAzoseNEijw59L74c3K0lDDFlyTnNXx4ePhgjOTk7o2Pc+bM6X7w/bhUH7pGUETf+tZbb+HzjsKZPNIr5cQryXXB2ULPevILoKAzHD58+JOioqKv/b3zJSUlP+Tm5n4C++D2snOJiYmTb731Vn5erA6yYZRSTr5SilEsOl+FSHf3F4AUOZaTk7Nm7969pUD2w9OmTSvWaDTjPSlonZVChYWF2997773vjx8/XgWF7+fp6em4LEeSG3cbVVJSUlp+fv5B1r6LbtEF4IBk2wScLUaVIl2wy2+iu1n8yJEjWzdu3HiUs07WxiYpbHnFJjAs7l7hfLRCFuj6mm+//XbDrl27sJUYM3nh7NmzseX2Kc7qraMz45I3jmMB8+fPz3rttdewIMexAFwi4wxldOkDhfJKzubZPq5mcc46O+ckkFy4qBG+voe5JNHedEnKy8t3v/vuu5+cOnXqErugTsHfFq6FeQriO4jfcS4+GToiIkLXt2/f8oKCArxgI9gYgCQ7HCmjswsZ4iVXs56DLG4PWNDh4iV/4qzWoEdoaGg4/cUXX2yFv48XFpK82EGbLWb6RznrVLrHXbmYMzMz7wHNv/LcuXNoM2LjVyP8HZNciSB3oj/CubjWCWZxIPgWvV5vYFm8yHZhHjtAWbGcs/rgke7uLBaay5cv/4htmuHvnnDiY2gRrofYD/FnzslemKCgoMjs7Oy7XnrppXWctQ3ias5OTz65LuLHMEZ0lxyVFStWrAeS1zOpUOAEyYWo9GSHcZ1vwaarUgJ19jxGeqf88X79+l07b968sWwzFrL6QCK6tIBS5WXOyf4QzOLvv//+/zCpgmT7xYFU8RnRjUbjRQ+IjsCL8l2Ix5is6RUjRoy4Y9iwYXx9MQTIHkLSRTp4inNimQoXtbjPid7U1FTnIdF5HIPA0alFzHHq0QLVaDShd999931Q9H5gsVj43vXjlNHFD+zBvtOPWdxrRK+vr7/oJaLzn3+VXfQO13OJiooa+uijj/L2az859q7Ljeg40veiowzmJS3eE6o8+fCFCxeEhGz10jH5mbO2+X7r6E3p6ekzx44dyz9IQHa963Ij+nOcdajfn1ncaxn99OnTF22cHG8BH93zLItGu0RQq7W33377/VqtVsVqm3Qgu0ouxJCTRp/FWZu2/KHFvU50tBbLysp4cpt9tFw1ZnVcou55JvG6AZ/6tmDBgt+vXr0aB6L4pxWWUkYXD1BTLglQFudssrBbkxo8tBZdwUWm2/9i7++kpqbezObFIpL9PC+WiN7L/4ADJX38qMUdodydD3nBWnQF2MS1hTkz+cIf4PS76dOnz42IiAhixzZdoo+ilB3Rcfh7VACzuFfkixetRVcvSmwheJdJui6w3vUZvKLhrL3rRPQAAj3fx0WQxT12XrxsLboCvoUAR1V/7WLE3vUZM2YIe9f7EtEDA+zPwNHPrkamy5cvHwlgFvc4o/vIWnQFSPKHGOktOFNq2rRpd8fGxuLxRfclA8iukSpZpOy6PMlZe6nri4uL161evbrMx46KT4nuQ2vRFfAtBHux7tFoNIlLliy5aenSpV9x1rYKyfauSzWjZ7JC6ofdu3c/xkgeyCzukXTxk7XoCvgWgq1arXbGypUrQ9n/NRCyen8iun+AWvGPEM/CQV+2ffv2/gHS4l7L6H60Fl0B30LwdFBQ0B/g2OLyHSexMA3wIquKIfpYRnQc1MCuuxMiyOJC4CygOpcY5V9r0VVgC8F/QIyB44wTQdCOlNykailq9F38N3DgxfrwKZz6FuPsm5uammpFTHQEtg38HzvmZlcvZMro8oVL8qW+vl7sRJc8iOgiILoIrEUiOsEtuOS8iMRaJKITfJfRRWgtEtEJ3ie6SK1FIjrBOdnNOTkTX+TWIhGd4BDYiuCU9SkBa5GITvBcvpC1SERXBNHJWiSiSx0VzryJrEUiuuwzOlmLRHRFEJ2sRSK6HNDr6ChZi0R0OQD7tx0+epGsRSK6HNDByN4jyFokoitCvpC1SERXREFK1iIRXS7ocdUushaJ6IqQLmQtEtEVIV3IWiSiK4LoZC0S0eUEJLPdZ3eStUhElxNw8sUFu+K9qkooXchaJKLLU74UFhYKMzpZi0R0+RGdrEUiuhxxhcVI1iIRXY64YtCIrEUiuiIyOlmLRHRFaHSyFonocgSuPNvWLcWTtUhEV0JWJ2uRiC57nW6xWJrJWiSiyz6jm0ymC6TPieiyJ7rZbK4gohPRlSBdyojoRHS54tdBo87OzvNEdCK67KWLWq0+J3idrEUiuqzQwDEbMSIiQo9Snb1O1iIRXZZZvZEFZnKyFv2IIDoEfiU6L1VwpNRCh4SILkeg89Is0OYddEiI6HLN6A0CopNsIaLLluihAqJr6JAQ0eUIHBHVEtGJ6ErI6GpBMUrwI/5fgAEA9BnasNkcSoMAAAAASUVORK5CYII=',
rotateIndicatorPointer:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAADxCAYAAACEXZTsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTQ0RjM2N0YyNDJFMTFFMjk1QkFBRDIwRTU4OTdBRDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTQ0RjM2ODAyNDJFMTFFMjk1QkFBRDIwRTU4OTdBRDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NDRGMzY3RDI0MkUxMUUyOTVCQUFEMjBFNTg5N0FEOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NDRGMzY3RTI0MkUxMUUyOTVCQUFEMjBFNTg5N0FEOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psfyr6YAAArZSURBVHja3J1bbyNJ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',
arrowTop:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAdCAYAAADsMO9vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNFMkVGMDEyQzI0MTFFMjg3QzRFMzA4RUMzNUU1M0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNFMkVGMDIyQzI0MTFFMjg3QzRFMzA4RUMzNUU1M0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCM0UyRUVGRjJDMjQxMUUyODdDNEUzMDhFQzM1RTUzRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCM0UyRUYwMDJDMjQxMUUyODdDNEUzMDhFQzM1RTUzRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlvCjVAAAAD/SURBVHja1JjRDYQgDIbZgBEYwREcgREYxREcoSMxwo3gCHc+0MQQPCgUKCT/G8r3GW0RpfoNfceHaLXYQPhvyFISJoJ/Shjp8NudKwGPucKcJeFFS9hC+KeElQLvCOBx3Mrw0yVOBnjMORoeGOExIBEeKuYP664UGIpEl67dAj9dwjDA10o0bz1KuyulmlCqV1PXpsK7Tv2jSsJ2hK+VsD1u3NpJ2dcaCc++JvXj2hnL9N5aLGBUZWAsGiAJvknCC4GvkfC4Tchd8Bn8G7iFNXMPVJdYzzoS+bf/Sr4NThB8TuK1lB4CD6NiiaPkh0XaSRpKQOlkiceASa6fAAMADgHRdvHjSZ0AAAAASUVORK5CYII=',
arrowBottom:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAdCAYAAADsMO9vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzg4RUFEREQyQzI0MTFFMkJGRTVENTM1RUFERUEyNjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzg4RUFEREUyQzI0MTFFMkJGRTVENTM1RUFERUEyNjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDODhFQUREQjJDMjQxMUUyQkZFNUQ1MzVFQURFQTI2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDODhFQUREQzJDMjQxMUUyQkZFNUQ1MzVFQURFQTI2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl7tKzkAAAEVSURBVHja1JjREYQgDES5CizhSqAES7gSUoolUAIlUcKVQAmRD5hhPBXDkRgzk79V3uK4Roz5LZ86pJ6Mnpoyk28Jl9SYW4uJAl+4liMhVCItJrbwpWErtKnjjvBOE0fwmFltLTyCL/2tLxAom9c8Y4plY0NDuOuaGT5eZAoldVCJCQo81qmkwUQ3fClHNDEPhJ+J8I4SpWcNA+CHrylpgm2tD/GRAjN8zEysLxUwwlupZHAX7umkE+9N+NhhY2KkxHXIa7PPJVdNUOGHz1//mLgdvncnfYdepDwxv1XB96TJiPRiKRgAD+bmgifD944eXaOBlj8pqT87FhOq4Vujx9DRQPpIRNtJH8kEK/wLEc2TaxVgABhX1Dief8wFAAAAAElFTkSuQmCC',
arrowLeft:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAwCAYAAADtoXHnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTkwNjJDNTkyQzI0MTFFMkI0NzZFM0NEMTRCQUU4NzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTkwNjJDNUEyQzI0MTFFMkI0NzZFM0NEMTRCQUU4NzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1OTA2MkM1NzJDMjQxMUUyQjQ3NkUzQ0QxNEJBRTg3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1OTA2MkM1ODJDMjQxMUUyQjQ3NkUzQ0QxNEJBRTg3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps3mm0sAAAEHSURBVHjaxNhhDcMgEIZhMgOVMAmVMAmVgJRJQAKSJmESJoHRhSVkNIM7oC/J/WrSJ2nhA86EEMyk4WM9Yi3Fk0noDoZUr1jrbNRlYA7bWag9APO6j0Zr4Lf8KHRrBMNncg1A1/TP2sB9NneicrDzn15VYAe6pBe1gM8iIBSoBCyDQYn2gQrUd4NCdAwoQJ1g8d+qb2tArQC0Td+sgo4HK+g2BfyDSuLNiqPlAJWAThWgP6gkT716m8hQSbzpwQw9D8zQ88A4LoYY5OdFJhK2ZLBwwGIQC3xsa8M2cey4gh3MsCModtjGrhXIBQq7KmKXYuz6jzU6sJYO1rzC2nRYQ7Laen0LMACbElNZVX4epQAAAABJRU5ErkJggg==',
arrowRight:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAwCAYAAADtoXHnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0M5MkUyMEIyQzI0MTFFMkJEREE4MzFDNDE2ODE0OTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0M5MkUyMEMyQzI0MTFFMkJEREE4MzFDNDE2ODE0OTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QzkyRTIwOTJDMjQxMUUyQkREQTgzMUM0MTY4MTQ5MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QzkyRTIwQTJDMjQxMUUyQkREQTgzMUM0MTY4MTQ5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrqtTzoAAADVSURBVHja5NjhCYMwEAXgows4giN0BEdwhBvFETpCRsoIjuAINsIJpfgjoZf3YhN4/4QPgj6TE7leQ0pMCQJaz5QtZbdUh/ULPPOqBS4X2GfUExtsC/eMqCcaM9EjMwPe7GXrCx494TUTjvZ8lYJoFhYGHP4CngrKw7WntQDW7uCZAbvWpdgLQ4EDo6dLYNe6vAf8kBsv+PY2C7p9MvBy0FZBt8KH/9rgIPy4Aj+YNQ1GBvhzvcEvUPCrIvxSTLmFwwcdlJEOZXhFHdPRBpKQ0etbgAEA5TXHBKbv1IkAAAAASUVORK5CYII=',
fivePointedStar:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAUCAYAAADRA14pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUY4RUQ3MDQzRTA1MTFFMjk0NEY4RkZDQjhEODM4QTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUY4RUQ3MDUzRTA1MTFFMjk0NEY4RkZDQjhEODM4QTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRjhFRDcwMjNFMDUxMUUyOTQ0RjhGRkNCOEQ4MzhBNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRjhFRDcwMzNFMDUxMUUyOTQ0RjhGRkNCOEQ4MzhBNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkpRrF4AAAGOSURBVHjaYvz//z/DSAIsIKKsrIyQOm0ofRWfoq6uLjB99uxZqphnbGwMpqdMYaSKeTk5/yEeJgKEEmMgCWDAzGMi0sBwKKYWGDDziPGwHhBrQLEeFRw3oOYxkZBc0NmUJr8BMY+JyOQCA2FUSn4DZh6s0FIAYg4g5oby+YCYGYhlgVgVSb0aECcC8WMg/gvEn6DiX4H4BxA/GOzmwTysC8RLoAYRAvOwiIEMjkFy4KA1D5akNwOxORDfJCNJgfSYQc1gGOzmIefhG1BDt5BgGD6HDErz0Autj0DsD8QtQIyvzfkfqiYAqgcXGHTmYSul/wFxLRAfxWPgYaiaf0SE8qAyD1e1xAPEpngMNIeqIRYMGvNwedgBiNnxGAiSsyfBgYPGPFwe9kLLN5FAHIGWH7xJcOCgMQ9Xb8kNSh8D4mik+vAkEC8FYiskNcSAQWMethhWh7ZsmqHJ4gGS3AOoWDNUjRoRjhtU5mGLYU0gdgLiQzgs/APEdUC8B4i1gPgWAQcOKvMYR9oQD0CAAQAKvKHlERqdgwAAAABJRU5ErkJggg==',
brokenImg:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkZCM0M0MkM0OTg2MTFFMjkyRUJDMzk3ODcyM0MwOEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkZCM0M0MkQ0OTg2MTFFMjkyRUJDMzk3ODcyM0MwOEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRkIzQzQyQTQ5ODYxMUUyOTJFQkMzOTc4NzIzQzA4RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRkIzQzQyQjQ5ODYxMUUyOTJFQkMzOTc4NzIzQzA4RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pne+/t8AAA/4SURBVHjazFp5XFXV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',
brokenImg_small:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUZFMjU2OUM0QjI4MTFFMkJDMkU4RUREMjg3OEVCMjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUZFMjU2OUQ0QjI4MTFFMkJDMkU4RUREMjg3OEVCMjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RkUyNTY5QTRCMjgxMUUyQkMyRThFREQyODc4RUIyMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RkUyNTY5QjRCMjgxMUUyQkMyRThFREQyODc4RUIyMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuqVBnIAAATpSURBVHjarFV9TNRlHP/87v04zuMEhDsQEATithNEjRcnIqSHprxo09VUEC3zj5zNLG211lpuDVtzOWvWrOZcm6tpBkvI0HaKpFlwJcIhd8DxKl2Hx8u9cff0/R1YHqNWW8/2+T3P8/09z+f7fb7P5/v7cfir7ScI8d+an1BH6HrUyBgLWbSfDE6C79/A55qYGuzrfqBUhr9Je1NnE4tmRSB2e9yiWx2/QyEXg3fs9njh9/vh8U73Xp8PzB/AuMuLLYXp86wWy5G4+IVCj8dzhvZ3PCSaTcz9eM+Bguc/R4RaBlW4FPPkEigV0uBYLBDA4ZrCKn0cPqq7g3CFEmWr08VWq/UVnU4nGh0d/Yw47oYQa7TaWLfbJVmi4bC+SI/yXC3UCjECFHYgwCjSAPwCCaoMqai/cBYvnauGZ9wzvVejEfX22g5mL80U3Ouy8OR3uJmc6FvN5uas9PQwfm4bGcYXzZPotPRBKuIwRUf3QYIju3Ow/YnHYbxxC3k5y1HbdAtfX2zCA8dv0EYpkLRAPrYid+UbxPeegB5Zza2t13jS7w0G1BcWYmF0DMqyOMjnR8E0MI4Oux8HK3OwrSgbsvZODFZVQWm+hw35y5G1Kh9n2+S40jEBj3tS+mdSjUajkw+6yWBg7bt2sV8qK9nFwkJeL6zTamY1DXY2OMXY0swMZlCr2N0dO5hp505mq65m66RitnqZjplHGDt+wUQxMjfte5FXhSAjI+Mm7+Ci2cznBK6pKSQlJKCuaA1SF6Vh7aIRFOnTEN83hOObyjAeCATz3n//Pho8Prz29lFcahmETBKqAkFkZOST5KH+nf5+nLh8GUqRCG6SVXz8QlwqLkZW6mNId4yhZmMpxsgeVAaR5tbW4qqxEY6YtbAOOKBRhYUScxzHX22pra+v7RxFU1NfHyT3EokmLg7GigocLSnBGJ1EQqT24WGsoTXGpmvwLliJ/v4hxKnFkMrEIcRBuRG5l7qPKfKaiMhIob+xEa+uXw8nx0Eik2GMXsokEtgHBlDc0IC2ti5IYpJh6weyE5Lh9jJEhruDApurQPi6943a7UJyBM2pU8iYMfJNQdhGeOv9D3Bd/B2ePZgCmWD66yJVClGcvh1fpn2KuYj5s0hEKhXKaVBA4OUSeGThJ4RdL+zDjRsmnDz8Ia6aGiEXhkEukFOx+ENzPFMgYYMOx76wqChBudOJ3WQbJ8gJfBrmzThQEU4T8vKWYHG3Dos1abhp/QHXu4ywTw6FEhMpf8pvNWp1yia7Hc+Fh4OLj0eEVhv8ouzlhcmTyuWQkQxjY2ODka8rKUCufTUqsrfA4XyACc9EKHFPT88Vyml+NU0O5edDRQqIzczET3RRL/MRk2Z1ZVux1+WCglQRXVAA/ebN+EooRGn5WizrXoqt2Vsx4hwJJR4aGkrkB3pCAklLq9fjm7o6HKb5rzYLVryrw7ZjTyG5ZAM2d3eD2WxI2rgRKTk5UPOpOUOXHJeBtOi00AqhVCS39/QM8sPjhGPTkmFztaeplKPoXbNGw+ZT/0xV1ewlroclLaI0WGiQZ+rs/HlJamoE74zK1pGQmHjC1tvreDQIs8VikIhEhtzTp1G9Zw/2HzhQS/sb//HnZTKZUlpaWnqot9y+fTuJTNK54HK5Xj9//jybnJw89Hdr+Ii52T++/6v9IcAACHxjGrCZJqsAAAAASUVORK5CYII=',
};
prefs.share={
weibo:{
disabled:false,
name:'新浪微博',
limitLang:'zh-CN',
icon:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAACfklEQVQ4ja2ST2iTBxjGf++Xr0va2qqt02ntEkxo025DqUpjdeAOdj0YxIPgxYOKePHmwag77bDL0IlMKgoeeqgIQrapSOtFpFOc4GWb1n+kNqLWKNqmSZs03/fs4CplXjbcc3oP7/vjfZ/3gQ+U/dvGZ0f5POjSBeSGn3Ol6zsm/xNg4gQ/SGwyY5mEB+ycv4+L7wF+Wh4Org5VbwfWApeaHw5fBrhxCOezJrqAx8AuIFWu0OnOHR6Jtn4VMDsjKWxmJqkHiAFUnlQ3acn0cQJaAWw2Y01VgP3vNsjG4ruBk8Bc6J/AMeBrHC10GkqnardmI848byXwK7DXBRiNtm4DTkkyM0N/F5Lazey0JJlv5uWCi7yXwZTVFktmLJCYtNuRWPhj1/0dqLN5tdQkNxPs7CTwyRI0NUX5zh2K59NUMhmAa07jdLLp5sjEi2Os+cil3rKx+GlJu0Pru6zhyPfKuwHr7+9XLpezZDKpjo4O08yMXh/6xgrpn2Vmr3xpS/jRveuzt798umGjvEJBY2NjikQiAuQ4jlzX1dDQkCTJy08q2/aFsrG4srH41VmTHKAuuH6dnJoa+vr61NzcTG9vr3p6eqhUKhoYGHjrSSiIVVUJQFJ5LmBg5u6wyfdpbGy0RCJBPB63wcFBHMex7u5uzMwKZ8+hYtEAX3Dk3Z9+i0SbRqOt914dPKzym3E/lUqppaXFTyQSSqfTvlcoavz4j362pV2j0dZSNhbfMzc7BnBhebhuVaj6gNXX7wl9uWGxG/4UfJ9KZoTp6zdQPl8Cfsl73rftmQd/vAeY1dHFSwMrg6FVDYFAG1ALVMpS5n65dGvHsyf5f8b+f9FfksATEF5LDZgAAAAASUVORK5CYII=',
api:function(args){
var url='http://service.weibo.com/share/share.php?'+
'title='+args.title+
'&url='+args.url+
'&pic='+args.pic;
return {
url:url,
wSize:{
h:500,
w:620,
},
};
},
},
t:{
name:'腾讯微博',
limitLang:'zh-CN',
icon:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAADL0lEQVQ4jXWTS2hcVQCGv3PuuffOTJJxEslkNElRm5hoRZOKjyKKSEWwqNWFWLsQqRbc1UfVLLoRXbgqiCh0IYoPaCnWWqlQN6mpIPXRaqkk9ZGOJS+SmQzjZO7j3HOOi4jFhR/8m3/5/3xC+H4YPLhzX//9j+zq6S1XfClBAI7/8k+nrWV1aXFubvLLT5JjH+xTwUNPvbHx8WdefPaW6+j0PSwObRyZsWhr0NaROkdqITaOyBhWK339Ybl/7+8gxYa3Plt9YeuW0om5OlFmcc4yWAjYNdLH7b1d5D1JtZVwtFrjSLWOEAIpBT6CXy78WleFru6SdNBopTgc2wa7eWlsgKmFJm/+eImldsqNPQV2DJW5u6/IxLeztBJLIiAf5PLKGEsr1cRxwmh3gYnNg7x2epbPZ2v/TnF6ocHB6UX23zPMxPgAz0/9hhCCzDohE21oRpp2onn6hgpfVescnF4kSzQ7h8u8Oj7AplKe2lrC3skZ7qhcwWBe0Y5SkkxIqbWhESVEUcLm3iKHp+eJ4pQnR/rYMz7IY0Nl3rlvlNBZLjbW+G6hwdiVnURxSpZlQqba0mglxLGmK/BYaETE7ZThYoix6w92+B7lUBHHmno7xXOOONboDCnraynzzTYrrYiZWotrijmaUcJwTxepMXhSMvVnnZN/LLPSjNhYKjC9/Be1VkQ91kI561htJxjj+PjnSxhreP3eUU5WV3jgwxn6i3l+mG+AEDx8fYWru3Icn1nAGAfOCiU8wZo2eL7i7e8v0tcR8MpdI4wdmKSVGZaXW3i+x45NA7y77WZ2f/ETLevwlMQ4nBICIuNQykM7x547hzhwtoq2jo+234on4barShRDn+eOn+PTC0soXwHg0tQpqQSpBBUosJat1/byxLGzdHaGnKiuUAwV75+f48xSk2ZqUDl/XQ0HRidWSavbTnoFP/DIedCT96mupeApjszWLoslPPycd1ky55Btk0h37tQhbTNyoWJDqYOltqazEFDI++TyAUHoE+Z8wlARBoowVHi+xDiDO//NYYEf5PxHd++XN23ZLrpKFZwDIdbzP7hmbc6c+fpQdvS9l/8GEfOFXVv7AEQAAAAASUVORK5CYII=',
api:function(args){
var url='http://v.t.qq.com/share/share.php?'+
'title='+args.title+
'&url='+args.url+
'&pic='+args.pic;
return {
url:url,
wSize:{
h:500,
w:620,
},
};
},
},
qZone:{
name:'QQ空间',
limitLang:'zh-CN',
icon:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAACD0lEQVQ4jbWQvWsTcRyHn7vf5bVJ2kaSplXQKL5QUUPzBzhUXBQcFRw6CAFBpzooFKRQkCIBxa3SoSCoOHXIInQSFBELRShC1b7Q1qTBNJdLTO5ydz8H29BgDTj42b7wfR4+fOB/xsjFs0Yunu30o3SAo8Dqznk4fGmrtN+f2kF+S0TCIREJh4Cb/9TAyMUDwKrnYCIGkuZGobjTot5RoM/GzgAx4KrWHcp4+k8jrXXsHzq2Xp0CXgLF7ivFTy1B4dWAqyAdQEP97VNUlej5xzjlHLI2D0B1pYS0baQEXBegAawpxecHksBc8OSFpLfvLGrgFLVnT7EWPlCtOViWxGpIjk8ebTU1t3TMrcoyMKwA5GeiCWDOn4gMBgZ6ABDx66CqfB4Zb4Prm2Ua+coiMJwYKeVbG6xP9USB18GB7vSu5OvYMscmkm3wz039I3DxUKZc+mPElSeRhOoR3/suT7KUuYPXr+DzKXQFBSIVwvBUcJtO/5Hblfwuo+0V2Kab1IQHM/+GEzOzALhmEdncpr70CPdLFdtsJoG/CWRKBAX1tffUvr3F3K4B4OvtQtUEEoFtyhTwbn+B5aa9rsBYK9PYNqrAQ8Cpbup3/b3hkKoJbMtN72XaBI7lpoyNkgNMA/fPPTDzAAv3fNO1gj4O3ABSe5nWiPOjXi/wAhgbylqL7JP5Ue8gMAFcG8paFsAvetnTGCl2Yn0AAAAASUVORK5CYII=',
api:function(args){
var url='http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?'+
'title='+args.title+
'&pics='+args.pic+
'&url='+args.url;
return {
url:url,
wSize:{
h:650,
w:620,
},
};
},
},
fanfou:{
name:'饭否',
limitLang:'zh-CN',
icon:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAABb0lEQVQ4jaWTXy4DURTGf9OOCkljTBNCiEksgB3oEliBLmF2oHYwVmC6Auyg3psYPJGIIqm0aXVkpI3SHA/HmDKtB77k5px7c+53/hvrlyLdIX/CfBbM1jtEnwS+A34HqlHa2MpCMa8HwH2ANwFzykgMdgvJ581Z8FbAMmFj5jtZpaNyygDDDkSe3qFUgEMn7bnyGVF9AEEPwpF0bRPM+OIuqjyNYCsPz0OYy05OKWEJRIpXIiIiXlOkdKu635aJKDdEqInYgUgmzr/Sgc0ZTeU0Us8x7gaw/6jnJzIAxyGU6hp69QWK14nBeV9luQFeU/Wg94PgN/htWMuBk4Nt6w8EXksLWl7WQp/3tSMxzHGfSoXEW0yyt6T6zs132xSBu6DtAzgJVdZfJ0c4NoWDlspqBN6qDthJqOEfrevbF+xAe0pNZ8C5SM9A3HfrTOS4q2/uvc6BkT8TicZso5MDZ1rDHy0aaH2qEQwB47/r/AEuq9/lRZUysAAAAABJRU5ErkJggg==',
api:function(args){
var url='http://fanfou.com/sharer/image?'+
'u='+args.url+
'&t='+args.title+
'&img_src='+args.pic;
return{
url:url,
wSize:{
h:550,
w:650,
},
};
},
},
tieba:{
name:'百度贴吧',
limitLang:'zh-CN',
icon:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAB6ElEQVQ4jaWTy2sTURTGfzOdSbFNpQRbX1DjYyPFlYyuogtFEcFtBSldFhc1IMFFQYpd+CjYhW4UXAkiRPSPUEEqiNKmPhKSSUIbzYM0bRaZV3JchMRE46b9Nvdwzz0/Pu53rxIyTGEH0gDefgxua/jMqTRqr0YibnNvvkhsxQLATDmYKacnpCfg2ZNNXj6v8vB+GTPlMHU1R/h6viekC1DZqLfr4UCzVSo29xxX2nWntFaRzbjMzRbx+1UeP93H4kKJi5eGGD/RTzgSoPPc2CH9DyFkmCIiEn1RkWMHEhIyTIktWyIiUqvVpaVU0pbJiTWZnFiTTNoREZGQYUrbQfCoj/0HNfaOamTSLgODCosPyvTpEL4Z4HW0yreYQ2WjTv6X13bRBhindxGOBCjkPY6P+5iZzpOM2+i6SrlU587dEZbe1yCos2ek7987ALh8xc/PnMetGwV+fLUBsKwGH97VmI0UWHg0SjbtcviIr3cKyYTLzHSeL5+b+XseaFpzXV1xmL9dYiyod450A95Et1hdtvG8v6LSoLrV4NOSRTbt9o4RQNPBthooqoLjgDQEG1BUBYBarUFu3fs/4NrUMLn1OvHvDruHVM6eH2g6e1WlutngpNHPuQuD3fZa72A7ChmmKDv9zr8BrHscNfGR3bQAAAAASUVORK5CYII=',
api:function(args){
var url = 'http://tieba.baidu.com/f/commit/share/openShareApi?'+
'title='+args.title+
'&url='+args.url+
'&pic='+args.pic;
return {
url:url,
wSize:{
h:600,
w:630,
},
};
},
},
renren:{
name:'人人网',
limitLang:'zh-CN',
icon:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAC10lEQVQ4jXWTTWhUVxTHf/M+nSTjTCax+dAkxk5lGo2ttMUGBJt0FEFUsJa0i0JXQpFu7KLFgIsKUgpdlRYMFApZKtRNrYkLKYUKFiWQtgq1nUAmkGgMiZN5M++9e+/pIvURIv3DWdxz7v93uPdwUmySndk56O04esbJFYec3EuviY4jXZ2dUU+mbzbmfhqX+mJ5s2ddKcv2d42O5Y5cC/3PZ2T8VkVERMJYy/itimy5MC3Zw1eq3o6jZzbaHICU7aVbXr84pYffPvi02IZZ1ZhmGwDPsTDNNo32DPHp/S3+3xcvOzdfPRxMf/keYrQFkB44+616a+RgUGjDPAphvkZlNU66VFZjmF9DVzVBcRuU3jnt7xodA7DsXHHI3n/yw3p3HuYCWIogUDSUSQANZaCm4HEIcwGNrizpF0fHrPS2XsfvOfZR2L0VlgKoKxDAGCIjCSAyAsaA0lA1GGMIX+7y3IcjH1hO274RZblQ06AADSihVMgmgFIhC0qSGlVF7Pu4L7xxzLL81k4TGVAGjIAROtsdju9uTQDHd7fS2e4kdZRBa7CbuwpWynZsQgXarEeoKR3IPzfl0oE8hHrDPQWApYPH81ao/iMLfdtdJk70PQeYONFH33Z3/QlGsBsxOlgsW3p55menFoISero97pwbSEznr89y/vpscr5zboCebg+U4K41iB/99iN2rjiUOTkpg1/fl4VaJM+0UI0kf2pS8qcmZaG6IV+LZM9Xv0vuyLUwle7ot/TKg9v6n6mJfWFER5ObdBu+dI/lMMVymGL40r0k39HksjeOaZSvfCH1xbINoJ7cvVFe6T306/yW3j39Gd789DYPH6xBtgl8h6XyU77/pcIrOzOc/eYPpn64erX+5+WPQSSVoFOW7fe/+1m68P6FuuV5qiWNTnsA2EGEW6vj69pa/f53n0SVG+OJbfNvP1tnN7/3kL21fxBArfx19//W+V9oRmy7yi+Z7gAAAABJRU5ErkJggg==',
api:function(args){
var url='http://widget.renren.com/dialog/share?'+
'link='+args.url+
'&title='+args.title+
'&pic='+args.pic;
return {
url:url,
wSize:{
h:600,
w:650,
},
};
},
},
douban:{
name:'豆瓣',
limitLang:'zh-CN',
icon:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAABj0lEQVQ4jZ2TzSuEURTGf/edUT42XiJFMY2o2RA1ioXUKDtssaEs/AHMzlZZTllMFnY2FsxOzAIxoRTJ1/iYKPmenWy8cyzueM1FwlmdTs95es5zn6uaIx2yc73Lf6q5shFF2JZ/bbsVtiU03SN/rdB0jxC2xQtwdJ9kfGkCBEAQ+V6UUsrtj26TIOScIBAorwcBETHAYM4O705AAQq874DWmiAbI4u/urptqovE1bZJ4GQcAM6fUnTP9H27GBucxV/qw3EcfW4ugWgDeHx+4uDmGCylZebU43Maf6nP8MglUFm0XVBMoKIePJ+2Abuw2MAaBF5Lt3VltRyMbv7ogdfjcXsjSCF/O8vD8wAEJlvIz8tHoXh5feFwdAuAzmgv8dMVfaKVowAgfrZKKn2Jr6Sa04cLXnG0UVl1qfQl8eSK4Y9laFMwtx8DYCg4oEEWDAX7AZjbW3BnHzaEbYlsRP8c5ch6VBjLRnktlaC8qAxEyIj8mEQrO187T+gou985gw6HCKivT/iJDZSiqaqBNySK8rrw6ad1AAAAAElFTkSuQmCC',
api:function(args){
var url='http://shuo.douban.com/%21service/share?'+
'href='+args.url+
'&name='+args.title+
'&image='+args.pic;
return {
url:url,
wSize:{
h:350,
w:600,
},
};
},
},
facebook:{
name:'Facebook',
icon:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAvVBMVEUAAAD///8OkPMPlPQMivEKhfAHfuwFd+oEcugCbOUVp/0To/sRmfYXq/7h8f0Ige36/P7s9f3G5/3b6vsSnvgSnfh0rfAdfugdqPsYpvsZo/ZKqvVmr/MhpfNEovMqmfN1svIXkPIWl/AJge4eh+0MeuUIbuHy+f7Y6/yl2vzb6/u53/vb6fpTufqZ0PltwPlCsfmw1fiKxvgUnvh3wPdet/ctpPZ/u/Vvs/RdrvQ0ofQvku4ckesXheccduSckMFkAAAAAXRSTlMAQObYZgAAAKBJREFUGNNFyFcWgkAQRNFqwyiKJMEsGcw5x/0vyx7mqPenXjcK4xYb42fQKAy+d1Pq93r9prpdz/MO25njrFwXLNbZ2SGija7HwLMsnSbWYj3kAEqFo2XcVaHComBPhh9EslFlN8Mmy5gOZcM0hRiRZPtmkph4CSEe1x3Zl1HKCSCrsZDmqdwMrM5CanfloqBpWocfPICSq0eOvw4t36o+GHANGQygnDcAAAAASUVORK5CYII=',
api:function(args){
var url='https://www.facebook.com/sharer/sharer.php?'+
'u='+encodeURIComponent(args.url)+
'&t='+args.title;
return {
url:url,
wSize:{
h:436,
w:626,
},
};
},
},
twitter:{
name:'Twitter',
icon:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAllBMVEUAAAAcmu98gIMdme58gINGjsBgh6MUnPceme1gh6Jkhp5phpgSnfoXnPURnfsXm/Qhmekjl+chl+hgiKNeiKRtg5Jlhpt3gogUnPgcmvAUnPgYnPMRnPsemewVnPUmluI1k9I7kcsplt8xlNg0ktJFj8E1kdFSi7Fhh6JFj8E9kMhWiq0dmu4cmvAXm/USnfobm/ENnv8KO1KbAAAALHRSTlMA/QP6BVIl/vhAHA/38e3iwpyRUDIVCQjy7+TZz8y0p5KEe3NsX05JRzksIGD09Y0AAACcSURBVBjTZY4HDsMwCEVxbGfv2b13sZ3e/3IlSdtE6pOQHh8JgB+iER+zqEYbsYsSoO7kRCMB51CH2/xBgffaVQBBhC6qxR1IlzrZexeNjLeHbo2/cVGbCJXiWvZBjJwjKsbQKSkQIBPOCErWor9dr1qmlGLcSBi4phwZc3U2tEHlH+cclcma4dNnHhvHmaVy8rRX3Gz4w5o68fU3RC4LI5L0wcgAAAAASUVORK5CYII=',
api:function(args){
var url='https://twitter.com/intent/tweet?'+
'url='+args.url+
'&text='+args.title;
return {
url:url,
wSize:{
h:350,
w:600,
},
};
},
},
pinterest:{
name:'Pinterest',
icon:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAq1BMVEUAAADkABfmASPkAB7////kABTmBCbmASDkABv97O/nGjnnDy/lARv61tv60NfuU2rsNFHpHz3tFzfnCCrvAiTwASPiASH73uP5xs73ucLqPljqKkfoFjTmCyz+9ff2prH0k6LzkJzxc4fvZ3zsRF7mAB7jAAv++fv++fr97/H86Oz86Ov74uf62d72rrn2qbT1nqz0m6jygJPyfY7xe4ztTGXtSmLrPFfsLUuclYq1AAAAAXRSTlMAQObYZgAAAL1JREFUGNM9jteywjAQQ73FLXY6aSShw+29/v+X4UmA87SakVYSE8u8LPOluBEpDKjoqhcE4D0ALWZd1eZv3Tx3qa6ryU/mm5PtNuYPNEX4p+DAn1Ke/Ib3oIXIEboX2CU9OJsQZWJE87TRK/4FbG1JTiiE+A0fVgOppkHtQkTuOHrsQPb8DiGSoS6/fjgZh/a+N8epVp32HNs7m3oq5mF+bV2aDqauLtMhfpVSUph+oWgPUulj8N/4H102X2eAaAyI9S5e9gAAAABJRU5ErkJggg==',
api:function(args){
var url='https://pinterest.com/pin/create/button/?'+
'url='+args.url+
'&media='+encodeURIComponent(args.pic)+
'&description='+encodeURIComponent(args.title);
return {
url:url,
wSize:{
h:350,
w:600,
},
};
},
}
};
if (typeof String.prototype.startsWith != 'function') {
String.prototype.startsWith = function(str) {
return this.slice(0, str.length) == str;
};
}
function getMStr(func) {
var lines = func.toString();
lines = lines.substring(lines.indexOf("/*") + 3, lines.lastIndexOf("*/"));
return lines;
}
function toRE(obj, flag) {
if (!obj) {
return obj;
} else if (obj instanceof RegExp) {
return obj;
} else if (flag) {
return new RegExp(obj, flag);
} else if (obj instanceof Array) {
return new RegExp(obj[0], obj[1]);
} else if (typeof obj === 'string') {
if (obj.indexOf('*') != -1 && obj.indexOf('.*') == -1) {
obj = wildcardToRegExpStr(obj);
}
return new RegExp(obj);
}
}
function wildcardToRegExpStr(urlstr) {
if (urlstr.source) return urlstr.source;
var reg = urlstr.replace(/[()\[\]{}|+.,^$?\\]/g, "\\$&").replace(/\*+/g, function(str){
return str === "*" ? ".*" : "[^/]*";
});
return "^" + reg + "$";
}
function isXPath(xpath) {
return xpath.startsWith('./') || xpath.startsWith('//') || xpath.startsWith('id(');
}
function getElementMix(selector, contextNode, doc) {
var ret;
if (!selector || !contextNode) return ret;
doc = doc || document;
var type = typeof selector;
if (type == 'string') {
if (isXPath(selector)) {
ret = getElementByXpath(selector, contextNode, doc);
} else {
ret = contextNode.parentNode.querySelector(selector);
}
} else if (type == 'function') {
ret = selector(contextNode, doc);
}
return ret;
}
function launchFullScreen(element) {
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullscreen) {
element.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
}
}
function cancelFullScreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
}
// 检测缩放
function detectZoom (){
var ratio = 0,
screen = window.screen,
ua = navigator.userAgent.toLowerCase();
if (window.devicePixelRatio !== undefined) {
ratio = window.devicePixelRatio;
}
else if (~ua.indexOf('msie')) {
if (screen.deviceXDPI && screen.logicalXDPI) {
ratio = screen.deviceXDPI / screen.logicalXDPI;
}
}
else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
ratio = window.outerWidth / window.innerWidth;
}
if (ratio){
ratio = Math.round(ratio * 100);
}
return ratio;
}
//获取位置
function getContentClientRect(target){
var rect=target.getBoundingClientRect();
var compStyle=unsafeWindow.getComputedStyle(target);
var pFloat=parseFloat;
var top=rect.top + pFloat(compStyle.paddingTop) + pFloat(compStyle.borderTopWidth);
var right=rect.right - pFloat(compStyle.paddingRight) - pFloat(compStyle.borderRightWidth);
var bottom=rect.bottom - pFloat(compStyle.paddingBottom) - pFloat(compStyle.borderBottomWidth);
var left=rect.left + pFloat(compStyle.paddingLeft) + pFloat(compStyle.borderLeftWidth);
return {
top:top,
right:right,
bottom:bottom,
left:left,
width:right-left,
height:bottom-top,
};
};
//获取窗口大小.
function getWindowSize(){
/*
//包含滚动条
return {
h:window.innerHeight,
w:window.innerWidth,
};
*/
//去除滚动条的窗口大小
var de=document.documentElement;
var body=document.body;
var backCompat=document.compatMode=='BackCompat';
return {
h:backCompat? body.clientHeight : de.clientHeight,
w:backCompat? body.clientWidth : de.clientWidth,
};
};
//获取已滚动的距离
function getScrolled(container){
if(container){
return {
x:container.scrollLeft,
y:container.scrollTop,
};
};
return {
x:'scrollX' in window ? window.scrollX : ('pageXOffset' in window ? window.pageXOffset : document.documentElement.scrollLeft || document.body.scrollLeft),
y:'scrollY' in window ? window.scrollY : ('pageYOffset' in window ? window.pageYOffset : document.documentElement.scrollTop || document.body.scrollTop),
};
};
//xpath 获取单个元素
function getElementByXpath(xpath,contextNode,doc){
doc=doc || document;
contextNode=contextNode || doc;
return doc.evaluate(xpath,contextNode,null,9,null).singleNodeValue;
};
//事件支持检测.
function eventSupported( eventName,elem ){
elem = elem || document.createElement("div");
eventName = "on" + eventName;
var isSupported = (eventName in elem);
if (!isSupported){
if(!elem.setAttribute){//setAttribute是元素节点的方法
elem=document.createElement("div");
};
var setAttr;
if(!elem.hasAttribute(eventName)){
setAttr=true;
elem.setAttribute(eventName, "return;");
};
isSupported = typeof elem[eventName] == "function";
if(setAttr)elem.removeAttribute(eventName);
};
return isSupported;
};
//检测属性支持.dom属性
//返回带前缀的可以直接执行是属性
function proSupported(proName,elem){
//判断第一个字母是否大写，如果是的话，为构造函数，前缀也要大写
var prefix=/^[A-Z]/.test(proName)? ['','WebKit-','O-','Moz-','MS-'] : ['','webkit-','o-','moz-','ms-'];
var i=0;
var p_i;
var sProName;
elem = elem || document.createElement("div");
while(typeof (p_i=prefix[i++])!='undefined'){
sProName=(p_i+proName).replace(/-([A-z])/g,function(a,b){
return b.toUpperCase();
});
if(sProName in elem)return sProName;
};
};
//css属性支持
//带前缀的默认为大写（所有浏览器支持）
//比如WebkitTransform,MozTransform,OTransfomr
//chrome浏览器大小写前缀都行。
//firefox,opera只能大写
//ie 9+只能小写
function cssProSupported(proName,elem,capitalize){
if(capitalize!==false)capitalize=true;
proName=proName.toLowerCase();
var prefix=['','-webkit-','-o-','-moz-','-ms-'];
elem=elem || document.createElement('div');
var style=elem.style;
var camelPro;
// 会有个错误 invalid 'in' operand style
try {
for(var i=0,ii=prefix.length;i<ii;i++){
var first=true;
camelPro=(prefix[i]+proName).replace(/-([a-z])/g,function(a,b){
b=b.toUpperCase();
if(first){
first=false;
if(!capitalize){
b=b.toLowerCase();
};
};
return b;
});
if(camelPro in style){
return camelPro;
}
}
} catch(ex) {}
if(!capitalize)return;
return cssProSupported(proName,elem,false);
};
//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;
};
};
};
//elem.dataset的兼容实现
//ie不支持；firefoxGM储存不能反映到元素属性上。
function dataset(elem,pro,value){
function getDataPrefix(){
return 'data-' + pro.replace(/[A-Z]/g,function(m){
return '-' + m.toLowerCase();
});
};
if(typeof value=='undefined'){//取值
if(elem.dataset){
value = elem.dataset[pro];
}else{//没有取到值，返回undefined，getAttribute默认是返回null，所以判断一下。
var prefixedPro=getDataPrefix();
if(elem.hasAttribute(prefixedPro)){
value=elem.getAttribute(prefixedPro);
};
};
return value;
}else{
elem.setAttribute(getDataPrefix(),value);
};
};
//重新检查悬浮图片
function imgReHover(img){
//要检查的图片，是当前悬浮的。
if(!floatBar.shown || floatBar.data.img != img)return;
var mHover=document.createEvent('MouseEvent');
var cr=img.getBoundingClientRect();
mHover.initMouseEvent('mouseover',true,true,window,0, cr.left + 10, cr.top + 10, cr.left + 10, cr.top + 10, false,false,false,false, 0,null);
img.dispatchEvent(mHover);
};
// 获取真正的unsafeWindow,chrome里面也能访问到真实环境的变量
// 在 chrome 37 测试无效
if(!envir.firefox && !envir.opera && !envir.ie && !storage.supportGM){
;(function(){
document.addEventListener('picViewer-return-unsafeWindow',function(e){
unsafeWindow = e.detail;
// alert(unsafeWindow.$);
},true);
//页面脚本
var s=document.createElement('script');
s.textContent='(' + (function(){
var cusEvent=document.createEvent('CustomEvent');
cusEvent.initCustomEvent('picViewer-return-unsafeWindow',false,false,window);
document.dispatchEvent(cusEvent);
}).toString() +')()';
document.head.appendChild(s);
})();
}
//抛出错误到错误控制台
function throwErrorInfo(err){
if(console && console.error){
console.error(err.message + '\n\n' + (err.stacktrace? err.stacktrace : '') + '\n\n' , err);
};
};
//对象克隆
function cloneObject(obj,deep){
var obj_i;
var ret=Array.isArray(obj)? [] : {};
for(var i in obj){
if(!obj.hasOwnProperty(i))continue;
obj_i=obj[i];
if(!deep || typeof obj_i!='object' || obj_i===null || obj_i.nodeType){
ret[i]=obj_i;
}else{
ret[i]=cloneObject(obj_i,deep);
};
};
return ret;
};
//闪烁元素。
function flashEle(ele,duration){
if(dataset(ele,'pvFlashing'))return;
if(ele.offsetHeight==0)return;
dataset(ele,'pvFlashing','1');
var oOutline=ele.style.outline;
var oOutlineOffset=ele.style.outlineOffset;
var oOpacity=ele.style.opacity;
var oTransform=ele.style[support.cssTransform];
var count=0;
var startTime=Date.now();
duration=duration? duration : 1200;
var flashInterval=setInterval(function(){
var outline='none',
outlineOffset=0,
opacity=0.3,
transform='';
if(count % 2 == 0){
outline='5px dashed rgba(255,0,0,0.95)';
opacity=0.95;
outlineOffset='1px';
transform='scale(1.1)';
}else{
if((Date.now() - startTime) > duration){
clearInterval(flashInterval);
outline=oOutline;
opacity=oOpacity;
outlineOffset=oOutlineOffset;
transform=oTransform;
ele.removeAttribute('data-pv-flashing');
};
};
ele.style.outline=outline;
ele.style.outlineOffset=outlineOffset;
ele.style.opacity=opacity;
ele.style[support.cssTransform]=transform;
count++;
},80);
};
//支持情况.
var support={
cssTransform:cssProSupported('transform'),
cssCursorValue:{
zoomIn:cssValueSupported('cursor','zoom-in'),
zoomOut:cssValueSupported('cursor','zoom-out'),
grab:cssValueSupported('cursor','grab'),
grabbing:cssValueSupported('cursor','grabbing'),
},
};
//动画算法
/*
t: current time（当前时间）；
b: beginning value（初始值）；
c: change in value（变化量）；
d: duration（持续时间）。
*/
var Tween = {
Cubic: {
easeInOut:function(t,b,c,d){
return -c/2*(Math.cos(Math.PI*t/d)-1)+b
}
},
};
//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--;
};
};
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=document.createElement('img');
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= prefs.icons.brokenImg_small;
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);
};
if(!loadEndDone){
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);
};
if(!loadEndDone){
loadEndDone=true;
if(loadEnd){
loadEnd.call(img,e);
};
};
}break;
};
};
var aborted;
var ret={
img:img,
abort:function(){
if(!loadEndDone){
aborted=true;
removeListener();
img.src= prefs.icons.brokenImg_small;
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('error',errorHandler,true);
img.addEventListener('load',loadHandler,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(){
function getSupportEventName(){
var ret='DOMMouseScroll';
if(eventSupported('wheel')){//w3c FF>=17 ie>=9
ret='wheel';
}else if(eventSupported('mousewheel')){//opera,chrome
ret='mousewheel';
};
return ret;
};
var eventName;
return function(ele,callback,useCapture){
if(!eventName){
eventName=getSupportEventName();
};
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);
var x=0,y=0;
if(typeof e.axis=='number'){//DOMMouseScroll
if(e.axis==2){
y=e.detail;
}else{
x=e.detail;
};
}else{
//opera早起版本的mousewheel只支持y轴的滚动,e.wheelDeltaY undefined
if(typeof e.wheelDeltaY=='undefined' || e.wheelDeltaY!=0){
y=-e.wheelDelta/40;
}else{
x=-e.wheelDelta/40;
};
};
ne.deltaY =y;
ne.deltaX =x;
};
callback.call(this,ne? ne : e);
},useCapture || false);
};
})();
var addCusMouseEvent=(function(){
function getSupported(){
return {
mouseleave:eventSupported('mouseleave'),
mouseenter:eventSupported('mouseenter'),
};
};
var support;
var map={
mouseleave:'mouseout',
mouseenter:'mouseover',
};
return function(type, ele, fn){//事件类型，元素，监听函数
if(!support){
support=getSupported();
};
// chrome 30+ 虽然支持 mouseenter，但是存在问题
if(support[type] && !(type == 'mouseenter' && window.chrome)){
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=createHTML(
'<span class="pv-gallery-head">'+
'<span class="pv-gallery-head-float-left">'+
'<span title="'+i18n("picInfo")+'" class="pv-gallery-head-left-img-info">'+
'<span class="pv-gallery-head-left-img-info-resolution" title="'+i18n("resolution")+'">0 x 0</span>'+
'<span class="pv-gallery-head-left-img-info-count" title="'+i18n("picNum")+'">（1 / 1）</span>'+
'<span class="pv-gallery-head-left-img-info-scaling" title="'+i18n("scaleRatio")+'">（100%）</span>'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'<span class="pv-gallery-head-left-img-info-description" title="'+i18n("picNote")+'"></span>'+
'<div class="pv-gallery-range-box"><input type="range" id="minsizeW" min="0" max="100" value="0" title="Width"> <span id="minsizeWSpan">0px</span> '+
'<input type="range" id="minsizeH" min="0" max="100" value="0" title="Height"> <span id="minsizeHSpan">0px</span></div>'+
'</span>'+
'</span>'+
'<span title="'+i18n("exitCollectionTip")+'" class="pv-gallery-head-command pv-gallery-head-command-exit-collection">'+
'<span>'+i18n("exitCollection")+'</span>'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'</span>'+
'<span title="'+i18n("loadAllTip")+'" class="pv-gallery-head-command pv-gallery-head-command-nextPage">'+
'<span>'+i18n("loadAll")+'</span>'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'</span>'+
'<span title="'+i18n("fiddleTip")+'" class="pv-gallery-head-command pv-gallery-head-command-operate">'+
'<span>'+i18n("fiddle")+'</span>'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'</span>'+
'<span class="pv-gallery-head-command-container">'+
'<span class="pv-gallery-head-command pv-gallery-head-command-collect">'+
'<span class="pv-gallery-head-command-collect-icon"></span>'+
'<span class="pv-gallery-head-command-collect-text"></span>'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'</span>'+
'<span class="pv-gallery-head-command-drop-list pv-gallery-head-command-drop-list-collect">'+
'<span title="'+i18n("collectDetailTip")+'" class="pv-gallery-head-command-drop-list-item pv-gallery-head-command-drop-list-item-collect-description">'+
'<span>'+i18n("collectDetail")+'：</span>'+
'<textarea data-prefs="description" cols="25" rows="5"></textarea>'+
'</span>'+
'</span>'+
'</span>'+
'<span class="pv-gallery-head-command-container">'+
'<span title="'+i18n("playSlide")+'" class="pv-gallery-head-command pv-gallery-head-command-slide-show">'+
'<span class="pv-gallery-head-command_overlayer"></span>'+
'<span class="pv-gallery-head-command-slide-show-button">'+
'<span class="pv-gallery-head-command-slide-show-button-inner"></span>'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'</span>'+
'<span class="pv-gallery-head-command-slide-show-countdown" title="'+i18n("countDown")+'"></span>'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'</span>'+
'<span class="pv-gallery-head-command-drop-list pv-gallery-head-command-drop-list-slide-show">'+
'<span class="pv-gallery-head-command-drop-list-item" title="'+i18n("slideGapTip")+'">'+
'<input data-prefs="interval" step="1" min="1" type="number" value="5" />'+
'<span>'+i18n("slideGap")+'</span>'+
'</span>'+
'<span class="pv-gallery-head-command-drop-list-item" title="'+i18n("slideBackTip")+'">'+
'<input id="pv-gallery-head-command-drop-list-item-slide-show-backward" data-prefs="backward" type="checkbox" />'+
'<label for="pv-gallery-head-command-drop-list-item-slide-show-backward">'+i18n("slideBack")+' </label>'+
'</span>'+
'<span class="pv-gallery-head-command-drop-list-item" title="'+i18n("slideWaitTip")+'">'+
'<input id="pv-gallery-head-command-drop-list-item-slide-show-wait" data-prefs="wait" type="checkbox" checked="checked" />'+
'<label for="pv-gallery-head-command-drop-list-item-slide-show-wait">'+i18n("slideWait")+'</label>'+
'</span>'+
'<span class="pv-gallery-head-command-drop-list-item" title="'+i18n("slideSkipErrorTip")+'">'+
'<input id="pv-gallery-head-command-drop-list-item-slide-show-skipErrorImg" data-prefs="skipErrorImg" type="checkbox" checked="checked" />'+
'<label for="pv-gallery-head-command-drop-list-item-slide-show-skipErrorImg">'+i18n("slideSkipError")+'</label>'+
'</span>'+
'</span>'+
'</span>'+
'<span class="pv-gallery-head-command-container">'+
'<span title="'+i18n("typeTip")+'" class="pv-gallery-head-command pv-gallery-head-command-category">'+
'<span>'+i18n("type")+'</span>'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'</span>'+
'<span class="pv-gallery-head-command-drop-list pv-gallery-head-command-drop-list-category">'+
'</span>'+
'</span>'+
'<span class="pv-gallery-head-command-container">'+
'<span title="'+i18n("commandTip")+'" class="pv-gallery-head-command pv-gallery-head-command-others">'+
'<span>'+i18n("command")+'</span>'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'</span>'+
'<span class="pv-gallery-head-command-drop-list pv-gallery-head-command-drop-list-others">'+
'<span class="pv-gallery-head-command-drop-list-item" data-command="psImage" title="'+i18n("onlineEditTip",prefs.gallery.editSite)+'">'+i18n("onlineEdit")+'</span>'+
'<span class="pv-gallery-head-command-drop-list-item" data-command="exportImages" title="'+i18n("exportImagesTip")+'">'+i18n("exportImages")+'</span>'+
'<span class="pv-gallery-head-command-drop-list-item" data-command="copyImages" title="'+i18n("copyImagesUrlTip")+'">'+i18n("copyImagesUrl")+'</span>'+
'<span class="pv-gallery-head-command-drop-list-item" data-command="downloadImage" title="'+i18n("downloadImageTip")+'">'+i18n("downloadImage")+'</span>'+
'<span class="pv-gallery-head-command-drop-list-item" data-command="openInNewWindow" title="'+i18n("openInNewWindowTip")+'">'+i18n("openInNewWindow")+'</span>'+
'<span class="pv-gallery-head-command-drop-list-item" data-command="enterCollection" title="'+i18n("viewCollectionTip")+'">'+i18n("viewCollection")+'</span>'+
'<span class="pv-gallery-head-command-drop-list-item" data-command="scrollIntoView" title="'+i18n("findInPageTip")+'">'+i18n("findInPage")+'</span>'+
'<span class="pv-gallery-head-command-drop-list-item" title="'+i18n("autoRefreshTip")+'">'+
'<label data-command="scrollToEndAndReload">'+i18n("autoRefresh")+'</label>'+
'<input type="checkbox" data-command="scrollToEndAndReload"/>'+
'</span>'+
'<span id="pv-gallery-fullscreenbtn" class="pv-gallery-head-command-drop-list-item" data-command="fullScreen">'+i18n("enterFullsc")+'</span>'+
'<span class="pv-gallery-head-command-drop-list-item" data-command="openPrefs">'+i18n("openConfig")+'</span>'+
'</span>'+
'</span>'+
'<span class="pv-gallery-head-command-container">'+
'<span title="'+i18n("headSearchTip")+'" class="pv-gallery-head-command pv-gallery-head-command-search">'+
'<span>'+i18n("headSearchTip")+'</span>'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'</span>'+
'<span class="pv-gallery-head-command-drop-list pv-gallery-head-command-drop-list-search">'+
'<span class="pv-gallery-head-command-drop-list-item" id="headSearchAll" data-command="headSearchAll">'+i18n("headSearchAll")+'</span>'+
'</span>'+
'</span>'+
'<span class="pv-gallery-head-command-container">'+
'<span title="'+i18n("share")+'" class="pv-gallery-head-command pv-gallery-head-command-share">'+
'<span>'+i18n("share")+'</span>'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'</span>'+
'<span class="pv-gallery-head-command-drop-list pv-gallery-head-command-drop-list-share">'+
'</span>'+
'</span>'+
'<span title="'+i18n("closeGallery")+'" class="pv-gallery-head-command pv-gallery-head-command-close">'+
'</span>'+
'</span>'+
'<span class="pv-gallery-body">'+
'<span class="pv-gallery-img-container">'+
'<span class="pv-gallery-img-content">'+
'<span class="pv-gallery-img-parent">'+
'<img title="'+i18n("refreshWhenError")+'" class="pv-gallery-img_broken" src="'+prefs.icons.brokenImg+'" />'+
'</span>'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'</span>'+
'<span class="pv-gallery-img-controler pv-gallery-img-controler-pre"></span>'+
'<span class="pv-gallery-img-controler pv-gallery-img-controler-next"></span>'+
'<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 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-sidebar-toggle" title="'+i18n("switchSlide")+'">'+
'<span class="pv-gallery-sidebar-toggle-content">▼</span>'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'</span>'+
'<span class="pv-gallery-sidebar-viewmore" title="'+i18n("viewmore")+'">'+
'<span class="pv-gallery-sidebar-viewmore-content">✚</span>'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'</span>'+
'</span>'+
'<span class="pv-gallery-sidebar-container" unselectable="on">'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'<span class="pv-gallery-sidebar-content" >'+
'<span class="pv-gallery-sidebar-controler pv-gallery-sidebar-controler-pre"></span>'+
'<span class="pv-gallery-sidebar-controler pv-gallery-sidebar-controler-next"></span>'+
'<span class="pv-gallery-sidebar-thumbnails-container">'+
'</span>'+
'<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-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>'+
'</span>'+
'<span class="pv-gallery-maximize-scroll"><span class="pv-gallery-maximize-container"></span></span>'+
'</span>');
document.body.appendChild(container);
var self=this;
var hideBodyStyle=document.createElement('style');
this.hideBodyStyle=hideBodyStyle;
hideBodyStyle.textContent=`body>*:not([class^="pv-"]) img,body>img{display:none}`;
container.querySelector("#minsizeW").oninput=function(){self.changeMinView();};
container.querySelector("#minsizeH").oninput=function(){self.changeMinView();};
container.querySelector("#minsizeWSpan").onclick=function(){
var minsizeW=window.prompt("Width:",this.value);
if(!minsizeW)return;
container.querySelector("#minsizeW").value=minsizeW;
self.changeMinView();
};
container.querySelector("#minsizeHSpan").onclick=function(){
var minsizeH=window.prompt("Height:",this.value);
if(!minsizeH)return;
container.querySelector("#minsizeH").value=minsizeH;
self.changeMinView();
};
var maximizeTrigger=document.createElement('span');
this.maximizeTrigger=maximizeTrigger;
maximizeTrigger.innerHTML=createHTML('-'+i18n("returnToGallery")+'-<span class="pv-gallery-maximize-trigger-close" title="'+i18n("closeGallery")+'"></span>');
maximizeTrigger.className='pv-gallery-maximize-trigger';
document.body.appendChild(maximizeTrigger);
var validPos=['top','right','bottom','left'];
var sBarPosition=prefs.gallery.sidebarPosition;
if(validPos.indexOf(sBarPosition)==-1){
sBarPosition='bottom';
};
this.sBarPosition=sBarPosition;
this.selectedClassName='pv-gallery-sidebar-thumb_selected-' + sBarPosition;
var sBarDirection='v';//垂直放置
var isHorizontal=false;
if(sBarPosition=='top' || sBarPosition=='bottom'){
sBarDirection='h';//水平放置
isHorizontal=true;
};
this.sBarDirection=sBarDirection;
this.isHorizontal=isHorizontal;
var classPrefix='pv-gallery-';
var validClass=[
'head',
'head-left-img-info',
'head-left-img-info-description',
'head-left-img-info-resolution',
'head-left-img-info-count',
'head-left-img-info-scaling',
'head-command-close',
'head-command-nextPage',
'head-command-operate',
'head-command-slide-show',
'head-command-slide-show-button-inner',
'head-command-slide-show-countdown',
'head-command-collect',
'head-command-exit-collection',
'head-command-drop-list-category',
'head-command-drop-list-others',
'head-command-drop-list-share',
'head-command-drop-list-slide-show',
'head-command-drop-list-collect',
'head-command-drop-list-search',
'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_broken',
'img-controler-pre',
'img-controler-next',
'sidebar-toggle',
'sidebar-toggle-content',
'sidebar-viewmore',
'sidebar-viewmore-content',
'maximize-container',
'sidebar-container',
'sidebar-content',
'sidebar-controler-pre',
'sidebar-controler-next',
'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-toggle',
'sidebar-viewmore',
'sidebar-container',
'sidebar-thumbnails-container',
];
posClass.forEach(function(c){
eleMaps[c].classList.add(classPrefix + c + '-' +sBarPosition);
});
var hvClass=[//需要添加'v h'class的元素
'sidebar-toggle',
'sidebar-toggle-content',
'sidebar-viewmore',
'sidebar-viewmore-content',
'sidebar-container',
'sidebar-content',
'sidebar-controler-pre',
'sidebar-controler-next',
'sidebar-thumbnails-container',
];
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-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-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-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-container'],false);
};
this.thumbScrollbar=thumbScrollbar;
var self=this;
var imgStatistics={//图片的总类，统计,初始化值
rule:{
shown:true,
count:0,
description:i18n("advancedRulesTip"),
name:i18n("advancedRules"),
},
tpRule:{
shown:true,
count:0,
description:i18n("tpRulesTip"),
name:i18n("tpRules"),
},
scale:{
shown:true,
count:0,
description:i18n("scaleRulesTip"),
name:i18n("scaleRules"),
},
force:{
shown:true,
count:0,
description:i18n("noScaleRulesTip"),
name:i18n("noScaleRules"),
},
// new
// scaleZoomResized: {
// shown: false,
// count: 0,
// description: '缩放的图片，图片尺寸最少相差比例 ' + prefs.gallery.zoomresized + '%',
// name: '小缩放'
// },
scaleSmall: {
shown: prefs.gallery.showSmallSize,
count: 0,
description: i18n("smallRulesTip",prefs.gallery.scaleSmallSize),
name: i18n("smallRules")
},
};
this.imgStatistics=imgStatistics;
//生成分类下拉列表
var typeMark='';
var imgStatistics_i;
for(var i in imgStatistics){
if(!imgStatistics.hasOwnProperty(i))continue;
imgStatistics_i=imgStatistics[i];
typeMark+=
'<span class="pv-gallery-head-command-drop-list-item" title="'+imgStatistics_i.description+'">'+
'<input type="checkbox" data-type="'+i+'" id="pv-gallery-head-command-drop-list-item-category-'+i+'" />'+
'<label for="pv-gallery-head-command-drop-list-item-category-'+i+'">'+imgStatistics_i.name+'</label>'+
'</span>';
};
eleMaps['head-command-drop-list-category'].innerHTML=createHTML(typeMark);
//收藏相关
var collection={
getMatched:function(){
return (this.all || this.get())._find(function(value,index){
if(value.src==self.src){
return true;
};
});
},
check:function(){
//从缓存数据中检查。
var matched=this.getMatched();
this.favorite=matched? matched[0] : null;
this.tAreaValue();
this.highLight();
},
tAreaValue:function(){
this.textArea.value=this.favorite? this.favorite.description : self.eleMaps['head-left-img-info-description'].textContent;
},
highLight:function(){
eleMaps['head-command-collect'].classList[this.favorite? 'add' : 'remove']('pv-gallery-head-command-collect-favorite');
},
add:function(){
this.favorite={
src:self.src,
thumbSrc:dataset(self.relatedThumb,'thumbSrc'),
naturalSize:self.imgNaturalSize,
description:this.textArea.value,
};
//为了防止多个页面同时的储存，添加前，先载入最新的数据。
this.get();
//检查是否已经在里面了
var matched=this.getMatched();
if(matched){//如果已经存在，删除旧的。
this.all.splice(matched[1],1);
};
this.all.unshift(this.favorite);//添加到最前面。
this.highLight();
this.save();
},
remove:function(){
//获得最新数据
this.get();
//检查是否已经在里面了
var matched=this.getMatched();
if(matched){
this.all.splice(matched[1],1);
this.save();
};
this.favorite=null;
this.highLight();
},
save:function(){
storage.setItem('pv_collection',encodeURIComponent(JSON.stringify(this.all)));
},
get:function(){
var ret=storage.getItem('pv_collection') || '[]';
try{
ret=JSON.parse(decodeURIComponent(ret));
}catch(e){
ret=[];
};
this.all=ret;
return ret;
},
enter:function(){
if(this.all.length==0){
_GM_notification(i18n("noCollectionYet"));
return;
};
this.mMode=true;
var button=this.dropListButton;
button.textContent=i18n("exitCollection");
dataset(button,'command','exitCollection');
this.headButton.style.display='inline-block';
eleMaps['sidebar-thumbnails-container'].classList.add('pv-gallery-sidebar-thumbnails_hide-span');
//生成dom
var container=document.createElement('span');
this.container=container;
var data_i;
var spanMark='';
var i=0;
while(data_i=this.all[i++]){
spanMark +=
'<span class="pv-gallery-sidebar-thumb-container" '+
' data-natural-size="' + JSON.stringify(data_i.naturalSize).replace(/"/g,'"') +
'" data-src="' + data_i.src +
'" data-thumb-src="' + data_i.thumbSrc +
'">'+
'<span class="pv-gallery-vertical-align-helper"></span>'+
'<span class="pv-gallery-sidebar-thumb-loading" title="'+i18n("loading")+'......"></span>'+
'</span>';
};
container.innerHTML=createHTML(spanMark);
eleMaps['sidebar-thumbnails-container'].appendChild(container);
this.selected=self.selected;//备份
self.select(container.children[0]);
self.thumbScrollbar.reset();
self.loadThumb();
},
exit:function(){
if(!this.mMode)return;
this.mMode=false;
var button=this.dropListButton;
button.textContent=i18n("viewCollection");
dataset(button,'command','enterCollection');
this.headButton.style.display='none';
eleMaps['sidebar-thumbnails-container'].removeChild(this.container);
eleMaps['sidebar-thumbnails-container'].classList.remove('pv-gallery-sidebar-thumbnails_hide-span');
self.select(this.selected);
self.thumbScrollbar.reset();
self.loadThumb();
},
textArea:eleMaps['head-command-drop-list-collect'].querySelector('textarea'),
dropListButton:eleMaps['head-command-drop-list-others'].querySelector('[data-command$="Collection"]'),
headButton:eleMaps['head-command-exit-collection'],
};
this.collection=collection;
this.collection.textArea.addEventListener('focus',function(e){
eleMaps['head-command-drop-list-collect'].classList.add("focus");
});
this.collection.textArea.addEventListener('blur',function(e){
eleMaps['head-command-drop-list-collect'].classList.remove("focus");
});
eleMaps['head-command-drop-list-collect'].addEventListener('input',function(e){
var target=e.target;
if(!collection.favorite)return;
collection.favorite[dataset(target,'prefs')]=target.value;
clearTimeout(collection.saveTimer);
collection.saveTimer=setTimeout(function(){
collection.save();
},500);
},true);
var slideShow={
opts:{
interval:5000,
wait:true,
backward:false,
skipErrorImg:true,
run:false,
},
//timing:
//select(选中下一个图片后（缩略图栏选中了），还没开始读取大图（一般选中后，延时200ms开始读取大图）),
//loadEnd(当前显示图片已经读取完成后),
//click(点击按钮),
//change(改变设置)
run:function(timing){
if(!this.opts.run)return;
if(timing!='loadEnd'){
this.stop();
};
if(timing=='click' || timing=='select'){
if(!this.getEle()){//没有要切换到的图片了，停止
this.exit();
return;
};
};
if(this.opts.skipErrorImg){
if(self.imgError && !self.isLoading){//确保是当前图片和选中缩略图一致的时候
self.select(this.getEle());
return;
};
};
if(this.opts.wait){
if(timing!='select' && (timing=='loadEnd' || (!self.isLoading && (self.img.complete || self.imgError)))){
this.go();
};
}else{
if(timing!='loadEnd'){
this.go();
};
};
},
getEle:function(){
return self.getThumSpan(this.opts.backward)
},
go:function(){
this.stop();//停止上次的。
var interval=this.opts.interval;
var _self=this;
this.timer=setTimeout(function(){
_self.setCountdown(0);
clearInterval(_self.countdownTimer);
self.select(_self.getEle());
},interval);
var startTime=Date.now();
this.countdownTimer=setInterval(function(){
_self.setCountdown(interval - (Date.now()-startTime));
},100);
},
stop:function(){
this.setCountdown(this.opts.interval);
clearTimeout(this.timer);
clearInterval(this.countdownTimer);
},
exit:function(){
this.opts.run=true;
this.switchStatus();
this.stop();
},
setCountdown:function(value){
eleMaps['head-command-slide-show-countdown'].textContent=(value/1000).toFixed(2);
},
switchStatus:function(){
this.opts.run=!this.opts.run;
eleMaps['head-command-slide-show-button-inner'].classList[this.opts.run? 'add' : 'remove']('pv-gallery-head-command-slide-show-button-inner_stop');
},
check:function(){
this.opts.run? this.run('click') : this.stop();
},
};
slideShow.setCountdown(slideShow.opts.interval);;
this.slideShow=slideShow;
//幻灯片播放下拉列表change事件的处理
eleMaps['head-command-drop-list-slide-show'].addEventListener('change',function(e){
var target=e.target;
var value;
var prefs=dataset(target,'prefs');
if(target.type=='checkbox'){
value=target.checked;
}else{
value=parseFloat(target.value);
if(isNaN(value)){//无效
value=slideShow.opts[prefs] / 1000;
};
value=value>0 ? value : 1;
target.value=value;
value *= 1000;
};
slideShow.opts[prefs]=value;
slideShow.run('change');
},true);
//分类下拉列表的点击发生change事件的处理
eleMaps['head-command-drop-list-category'].addEventListener('change',function(e){
var target=e.target;
var type=dataset(target,'type');
self.iStatisCopy[type].shown=target.checked;
self.switchThumbVisible();//切换图片类别显隐;
},true);
var srcSplit,downloading=false;
//命令下拉列表的点击处理
eleMaps['head-command-drop-list-others'].addEventListener('click',function(e){
if(e.button!=0)return;//左键
var target=e.target;
var command=dataset(target,'command');
if(!command)return;
switch(command){
case 'openInNewWindow':{
window.open(self.src,'_blank');
}break;
case 'psImage':{
//window.open((prefs.gallery.editSite=='Pixlr'?'https://pixlr.com/editor/?image=':'https://www.toolpic.com/apieditor.html?image=')+self.src,'_blank');
window.open('https://www.lunapic.com/editor/index.php?action=url&url='+self.src,'_blank');
}break;
case 'scrollIntoView':{
if(collection.mMode){
_GM_notification(i18n("inCollection"));
return;
};
var relatedThumb=self.relatedThumb;
var index=arrayFn.indexOf.call(self.imgSpans,relatedThumb);
var targetImg=self.data[index].img;
if(targetImg){
if(!document.documentElement.contains(targetImg) || unsafeWindow.getComputedStyle(targetImg).display=='none'){//图片不存在文档中，或者隐藏了。
_GM_notification(i18n("cantFind"));
return;
};
self.minimize();
setTimeout(function(){
self.navigateToImg(targetImg);
flashEle(targetImg);
},0);
}else{//frame发送过来的时候删除了不能传送的图片
document.addEventListener('pv-navigateToImg',function(e){
if(!e.detail){
_GM_notification(i18n("cantFind"));
return;
};
self.minimize();
setTimeout(function(){//将frame滚动到中间位置
if(self.iframe){
self.navigateToImg(self.iframe);
};
},0);
},true);
window.postMessage({//问问frame。。
messageID:messageID,
command:'navigateToImg',
index:index,
to:self.from,
},'*');
};
}break;
case 'exportImages':
self.exportImages();
break;
case 'downloadImage':
if(downloading)break;
downloading=true;
var nodes = document.querySelectorAll('.pv-gallery-sidebar-thumb-container[data-src]');
var saveParams = [],saveIndex=0;
[].forEach.call(nodes, function(node){
if(unsafeWindow.getComputedStyle(node).display!="none"){
saveIndex++;
srcSplit=node.dataset.src.replace(/[\?#].*/,"").split("/");
srcSplit=srcSplit[srcSplit.length-1];
if(srcSplit.length>30 && (srcSplit.indexOf(".")==-1 || /[&\?=,]/i.test(srcSplit))){
srcSplit="";
}
var picName=document.title + "-" + (saveIndex<10?"00"+saveIndex:(saveIndex<100?"0"+saveIndex:saveIndex)) + (node.title?"-" + node.title:"") + "-" + srcSplit,hostArr=location.host.split(".");
var host=hostArr[hostArr.length-2];
saveParams.push([node.dataset.src, picName]);
//saveAs(node.dataset.src, location.host+"-"+srcSplit[srcSplit.length-1]);
}
});
if(prefs.gallery.downloadWithZip){
_GM_notification(i18n("galleryDownloadWithZipAlert"));
var zip = new JSZip(),downloaded=0;
var fileName = document.title + ".zip";
for(let i=0; i<saveParams.length; i++){
self.dataURLToCanvas(saveParams[i][0], canvas=>{
if(!canvas){
downloaded++;
if(downloaded == saveParams.length){
zip.generateAsync({type:"blob"}).then(function(content){
saveAs(content, fileName);
downloading=false;
})
}
return;
}
canvas.toBlob(blob=>{
zip.file(saveParams[i][1].replace(/\.[^\.]+$/,"")+'.jpg',blob);
downloaded++;
if(downloaded == saveParams.length){
zip.generateAsync({type:"blob"}).then(function(content){
saveAs(content, fileName);
downloading=false;
})
}
}, "image/jpg");
});
};
break;
}
let download5Times=function(){
for(let i=0;i<5;i++){
let saveParam=saveParams.shift();
if(saveParam){
_GM_download(saveParam[0], saveParam[1]);
}else{
downloading=false;
break;
}
}
if(saveParams.length>0){
setTimeout(()=>{
download5Times();
},1000);
}
};
download5Times();
break;
case 'copyImages':
self.copyImages(true);
break;
case 'scrollToEndAndReload':
var checkbox = target.parentNode.querySelector("input");
if(target.nodeName=="LABEL"){
checkbox.checked = !checkbox.checked;
}
prefs.gallery.scrollEndAndLoad = checkbox.checked;
break;
case 'fullScreen':
if (target.classList.contains('fullscreenbtn')) {
if (cancelFullScreen()) return;
target.textContent = i18n("enterFullsc");
target.classList.remove('fullscreenbtn');
return;
}
if (launchFullScreen(document.documentElement)) return;
target.classList.toggle('fullscreenbtn');
target.textContent = i18n("exitFullsc");
target.classList.add('fullscreenbtn');
break;
case 'openPrefs':
openPrefs();
break;
case 'enterCollection':{
//进入管理模式
collection.enter();
}break;
case 'exitCollection':{
//退出管理模式
collection.exit();
}break;
};
},true);
// 监视全屏的变化
function fullScreenChanged() {
if (!document.fullscreenElement && // alternative standard method
!document.mozFullScreenElement &&
!document.webkitFullscreenElement &&
!document.msFullscreenElement) {
var btn = document.getElementById("pv-gallery-fullscreenbtn");
if (btn) {
btn.textContent = i18n("enterFullsc");
btn.removeClass('fullscreenbtn');
}
}
}
document.addEventListener('webkitfullscreenchange', fullScreenChanged, false);
document.addEventListener('mozfullscreenchange', fullScreenChanged, false);
document.addEventListener('fullscreenchange', fullScreenChanged, false);
//生成分享的下拉列表
var shareMark='';
var shareItem;
for(var i in prefs.share){
if(!prefs.share.hasOwnProperty(i))continue;
shareItem=prefs.share[i];
if(shareItem.limitLang && shareItem.limitLang.indexOf(lang)==-1)continue;
if(shareItem.disabled)continue;
shareMark+=(
'<span class="pv-gallery-head-command-drop-list-item" data-site="'+i+'" style="\
background-image:url(\''+ shareItem.icon +'\');\
background-position:4px center;\
background-repeat:no-repeat;\
padding-left:24px;">'+shareItem.name+'</span>');
};
eleMaps['head-command-drop-list-share'].innerHTML=createHTML(shareMark);
//分享下拉列表的点击处理
eleMaps['head-command-drop-list-share'].addEventListener('click',function(e){
if(e.button!=0)return;//左键
var target=e.target;
var site=dataset(target,'site');
if(!site)return;
var site_info=prefs.share[site];
var param=site_info.api.call(self.img,{
title:encodeURIComponent(document.title),
pic:encodeURIComponent(self.src),
url:encodeURIComponent(location.href),
});
if(!param)return;
window.open(param.url,'_blank','height='+param.wSize.h+',width='+param.wSize.w+',left=30,top=30,location=no,status=no,toolbar=no,menubar=no,scrollbars=yes');
},true);
eleMaps['head'].addEventListener('click',function(e){
if(e.target.className.indexOf('pv-gallery-head-command')!=-1)
self.closeViewMore();
});
if(!prefs.gallery.searchData || defaultSearchData.indexOf(prefs.gallery.searchData)!=-1)prefs.gallery.searchData=defaultSearchData;
var searchRules=prefs.gallery.searchData.split("\n"),searchUploadUrl,searchItems=[];
var searchAll=eleMaps['head-command-drop-list-search'].querySelector("#headSearchAll");
searchRules.forEach(rule=>{
if(!searchUploadUrl){
var uploadMatch=rule.match(/\s*{(.*)}\s*/);//todo: upload 2 search, need a Long-Term Servicing server for base64 to url like ainoob.com/api/uploadImage/
if(uploadMatch){
searchUploadUrl=uploadMatch[1];
return;
}
}
let ruleArr=rule.trim().split("|");
if(ruleArr.length==2){
var item=document.createElement('span');
item.className="pv-gallery-head-command-drop-list-item";
item.innerHTML=createHTML(ruleArr[0]);
item.addEventListener('click',function(e){
let url=encodeURIComponent(self.src);
let urlb=self.src.replace(/https?:\/\//i,"");
window.open(ruleArr[1].replace("#b#", urlb).replace("#t#", url), "_blank", "width=1024, height=768, toolbar=1");
});
searchItems.push(item);
eleMaps['head-command-drop-list-search'].insertBefore(item, searchAll);
}
});
searchAll.addEventListener('click',function(e){
searchItems.forEach(item=>{item.click()});
});
var loadThumbsTimer;
eleMaps['sidebar-thumbnails-container'].addEventListener('scroll',function(e){//发生scroll事件时加载缩略图
clearTimeout(loadThumbsTimer);//加个延时，在连续触发的时候缓一缓。
loadThumbsTimer=setTimeout(function(){
self.loadThumb();
},200);
},false);
var canScroll=true;
var scrollToChange=function(next){
if(canScroll){
if(prefs.gallery.transition){
canScroll=false;
setTimeout(function(){
canScroll=true;
},500);
}
next ? self.selectNext() : self.selectPrevious();
}
}
addWheelEvent(eleMaps['body'],function(e){//wheel事件
if(e.deltaZ!=0)return;//z轴
if(eleMaps['sidebar-toggle'].style.visibility == 'hidden')return;
var target=e.target;
//e.preventDefault();
if(eleMaps['sidebar-container'].contains(target)){//缩略图区滚动滚轮翻图片
var distance=self.thumbSpanOuterSize;
if(e.deltaY<0 || e.deltaX<0){//向上滚
distance=-distance;
};
thumbScrollbar.scrollBy(distance)
}else{//图片区域滚动
var distance=100;
if(e.deltaY!=0){//y轴
if(self.img && self.img.classList.contains('pv-gallery-img_zoom-out')){//图片可以缩小时，滚动图片，否则切换图片。
if(e.deltaY < 0){
distance=-distance;
};
if(eleMaps['img-scrollbar-h'].contains(target)){//如果在横向滚动条上。
imgScrollbarH.scrollBy(distance);
}else{
if(imgScrollbarV.scrollBy(distance) && prefs.gallery.scrollEndToChange){
scrollToChange(e.deltaY > 0);
}
};
}else{
scrollToChange(e.deltaY > 0);
};
}else{//x轴
if(e.deltaX < 0){
distance=-distance;
};
imgScrollbarH.scrollBy(distance);
};
};
},true);
//focus,blur;
addCusMouseEvent('mouseenter',container,function(){
this.focus();
});
addCusMouseEvent('mouseleave',container,function(){
this.blur();
});
var lastX,lastY;
const minLength=10000,tg=0.5;
function tracer(e) {
let curX=e.changedTouches[0].clientX;
let curY=e.changedTouches[0].clientY;
let distanceX=curX-lastX,distanceY=curY-lastY;
let distance=distanceX*distanceX+distanceY*distanceY;
if (distance>minLength) {
lastX=curX;
lastY=curY;
let direction="";
let slope=Math.abs(distanceY/distanceX);
if(slope>tg){
if(distanceY>0) {
direction="↓";
}else{
direction="↑";
}
}else if(slope<=1/tg) {
if(distanceX>0) {
direction="→";
}else{
direction="←";
}
}
switch(direction){
case "←":
self.selectNext();
break;
case "→":
self.selectPrevious();
break;
case "↑":
if(self.eleMaps['sidebar-toggle'].style.visibility != 'hidden'){
self.maximizeSidebar();
}
break;
default:
break;
}
}
}
self.eleMaps['img-content'].addEventListener('touchstart',function(e){
lastX=e.changedTouches[0].clientX;
lastY=e.changedTouches[0].clientY;
self.eleMaps['img-content'].addEventListener('touchmove',tracer);
});
self.eleMaps['img-content'].addEventListener('touchend',function(e){
self.eleMaps['img-content'].removeEventListener('touchmove',tracer);
});
//上下左右切换图片,空格键模拟滚动一页
var validKeyCode=[38,39,40,37,32,9]//上右下左,32空格,tab禁止焦点切换。
var keyDown;
container.addEventListener('keydown',function(e){
var keyCode=e.keyCode;
var index=validKeyCode.indexOf(keyCode);
if(index==-1)return;
var target=e.target;
if(!container.contains(target))return;//触发焦点不再gallery里面。
e.preventDefault();
if(keyCode==9)return;//tab键
if(keyCode==32){//32空格，模拟滚动一页
imgScrollbarV.scrollByPages(1);
return;
};
if(keyDown)return;//已按下。
keyDown=true;
var stop;
switch(index){
case 0:;
case 3:{
self.selectPrevious();
stop=self.simpleSlideShow(true);
}break;
case 1:;
case 2:{
self.selectNext();
stop=self.simpleSlideShow();
}break;
};
function keyUpHandler(e){
if(e.keyCode!=validKeyCode[index])return;
container.removeEventListener('keyup',keyUpHandler,false);
keyDown=false;
stop();
};
container.addEventListener('keyup',keyUpHandler,false);
},true);
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 moveFiredCount=0;
var moveHandler=function(e){
moveFiredCount++;
if(moveFiredCount<2){//给个缓冲。。
return;
};
imgDraged=true;
if(bigger){
target.style.cursor= support.cssCursorValue.grabbing || '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.offsetWidth;
var scaleY=zoomY/target.offsetHeight;
self.fitToScreen({
x:scaleX,
y:scaleY,
});
}else if(target.classList.contains('pv-gallery-img_zoom-out')){
self.fitContains=true;
self.fitToScreen();
};
},true);
container.addEventListener('mousedown',function(e){//鼠标按在导航上，切换图片
if(e.button!=0)return;//左键
var target=e.target;
if(target.nodeName=='IMG')e.preventDefault();
var matched=true;
var stop;
switch(target){
case eleMaps['img-controler-pre']:;
case eleMaps['sidebar-controler-pre']:{//上一个
self.selectPrevious();
stop=self.simpleSlideShow(true);
}break;
case eleMaps['img-controler-next']:;
case eleMaps['sidebar-controler-next']:{//下一个
self.selectNext();
stop=self.simpleSlideShow();
}break;
default:{
matched=false;
}break;
};
function mouseUpHandler(e){
document.removeEventListener('mouseup',mouseUpHandler,true);
stop();
};
if(matched){
e.preventDefault();
document.addEventListener('mouseup',mouseUpHandler,true);
};
},false);
eleMaps['sidebar-thumbnails-container'].addEventListener('click',function(e){//点击缩略图切换
if(e.button!=0)return;//左键
var target=e.target;
var targetP;
if(!dataset(target,'src') && (targetP=target.parentNode) && !dataset(targetP,'src'))return;
self.select(targetP? targetP : target);
},false);
//点击读取错误的图片占位符重新读取
eleMaps['img_broken'].addEventListener('click',function(e){
if(self.isLoading){
self.select(self.errorSpan);
}else{
self.getImg(self.errorSpan);
};
},false);
if(prefs.gallery.viewmoreEndless){
addWheelEvent(eleMaps['maximize-container'],function(e){
if(!self.haveMorePage)return;
let scrollCon=self.eleMaps['maximize-container'].parentNode;
let scrollPercent=scrollCon.scrollTop / (scrollCon.scrollHeight - scrollCon.clientHeight);
if(scrollPercent>0.8){
var textSpan=self.eleMaps['head-command-nextPage'].querySelector("span");
if(textSpan.innerHTML==i18n("loading")){
return;
}
textSpan.innerHTML=createHTML(i18n("loading"));
self.completePages=[];
self.pageAllReady=false;
self.pageAction(true, true);
}
})
}
eleMaps['head'].addEventListener('click',function(e){//顶栏上面的命令
if(e.button!=0)return;
var target=e.target;
if(eleMaps['head-command-close']==target){
self.close();
}else if(eleMaps['head-command-operate'].contains(target)){
imgReady(self.src,{
ready:function(){
new ImgWindowC(this);
},
});
}else if(eleMaps['head-command-nextPage'].contains(target)){
var textSpan=eleMaps['head-command-nextPage'].querySelector("span");
if(textSpan.innerHTML==i18n("loading")){
textSpan.innerHTML=createHTML(i18n("loadAll"));
return;
}
textSpan.innerHTML=createHTML(i18n("loading"));
self.completePages=[];
self.pageAllReady=false;
self.pageAction(true);
}else if(eleMaps['head-command-collect'].contains(target)){
if(collection.favorite){
collection.remove();
}else{
collection.add();
};
}else if(eleMaps['head-command-exit-collection'].contains(target)){
collection.exit();
}else if(eleMaps['head-command-slide-show'].contains(target)){
slideShow.switchStatus();
slideShow.check();
};
},false);
//点击还原。
maximizeTrigger.addEventListener('click',function(e){
var target=e.target;
this.style.display='none';
if(target==this){
self.show();
self.resizeHandler();
}else{
self.minimized=false;
};
},true);
this._resizeHandler=this.resizeHandler.bind(this);
this._keyDownListener=this.keyDownListener.bind(this);
this._keyUpListener=this.keyUpListener.bind(this);
//插入动态生成的css数据。
this.globalSSheet.insertRule('.pv-gallery-sidebar-thumb-container{'+
((isHorizontal ? 'width' : 'height') + ':' + (isHorizontal ? unsafeWindow.getComputedStyle(eleMaps['sidebar-thumbnails-container']).height : unsafeWindow.getComputedStyle(eleMaps['sidebar-thumbnails-container']).width)) +
'}',this.globalSSheet.cssRules.length);
this.forceRepaintTimes=0;
container.style.display='none';
this.shown=false;
// 我添加的部分
this.initToggleBar();
this.initZoom();
},
changeMinView:function(){
var sizeInputH=this.gallery.querySelector("#minsizeH");
var sizeInputW=this.gallery.querySelector("#minsizeW");
var sizeInputHSpan=this.gallery.querySelector("#minsizeHSpan");
var sizeInputWSpan=this.gallery.querySelector("#minsizeWSpan");
sizeInputH.title=sizeInputH.value+"px";
sizeInputHSpan.innerHTML=createHTML(Math.floor(sizeInputH.value)+"px");
sizeInputW.title=sizeInputW.value+"px";
sizeInputWSpan.innerHTML=createHTML(Math.floor(sizeInputW.value)+"px");
var viewmoreShow = this.eleMaps['sidebar-toggle'].style.visibility == 'hidden';
if(viewmoreShow){
var maxSizeH=0,minSizeH=0,maxSizeW=0,minSizeW=0;
[].forEach.call(document.querySelectorAll(".maximizeChild>img"),function(item){
var spanMark;
try{
spanMark=document.querySelector('span.pv-gallery-sidebar-thumb-container[data-src="'+item.src+'"]');
}catch(e){
spanMark=document.querySelector("span.pv-gallery-sidebar-thumb-container[data-src='"+item.src+"']");
}
if(spanMark && !spanMark.dataset.naturalSize && item.naturalWidth && item.naturalHeight){
spanMark.dataset.naturalSize=JSON.stringify({w:item.naturalWidth,h:item.naturalHeight});
}
if(item.naturalWidth<sizeInputW.value || item.naturalHeight<sizeInputH.value){
item.parentNode.style.display="none";
if(spanMark)spanMark.style.display="none";
}else{
item.parentNode.style.display="";
if(spanMark)spanMark.style.display="";
}
if(item.naturalHeight>maxSizeH)
maxSizeH=item.naturalHeight;
if(item.naturalHeight<minSizeH || minSizeH==0)
minSizeH=item.naturalHeight;
if(item.naturalWidth>maxSizeW)
maxSizeW=item.naturalWidth;
if(item.naturalWidth<minSizeW || minSizeW==0)
minSizeW=item.naturalWidth;
});
sizeInputH.max=maxSizeH;
sizeInputH.min=minSizeH;
sizeInputH.title=sizeInputH.value+"px";
sizeInputHSpan.innerHTML=createHTML(Math.floor(sizeInputH.value)+"px");
sizeInputW.max=maxSizeW;
sizeInputW.min=minSizeW;
sizeInputW.title=sizeInputW.value+"px";
sizeInputWSpan.innerHTML=createHTML(Math.floor(sizeInputW.value)+"px");
}else{
this.data.forEach(function(item) {
if(!item)return;
var spanMark=document.querySelector("span.pv-gallery-sidebar-thumb-container[data-thumb-src='"+item.imgSrc+"']");
if(spanMark){
var naturalSize=spanMark.dataset.naturalSize,itemW=item.sizeW,itemH=item.sizeH;
if(naturalSize){
naturalSize=JSON.parse(naturalSize);
itemW=naturalSize.w;
itemH=naturalSize.h;
if(itemW>sizeInputW.max)sizeInputW.max=itemW;
if(itemH>sizeInputH.max)sizeInputH.max=itemH;
}else if(!item.noActual){
itemW=99999;
itemH=99999;
}
if(itemW<sizeInputW.value || itemH<sizeInputH.value){
spanMark.style.display="none";
}else{
spanMark.style.display="";
}
}
});
this.switchThumbVisible();
}
},
changeSizeInputReset:function(){
var maxSizeH=0,minSizeH=0,maxSizeW=0,minSizeW=0;
var sizeInputH=this.gallery.querySelector("#minsizeH");
var sizeInputW=this.gallery.querySelector("#minsizeW");
this.data.forEach(function(item) {
if(!item)return;
var itemW=item.sizeW,itemH=item.sizeH;
var spanMark;
try{
spanMark=document.querySelector('span.pv-gallery-sidebar-thumb-container[data-src="'+item.src+'"]');
}catch(e){
spanMark=document.querySelector("span.pv-gallery-sidebar-thumb-container[data-src='"+item.src+"']");
}
if(spanMark){
var naturalSize=spanMark.dataset.naturalSize;
if(naturalSize){
naturalSize=JSON.parse(naturalSize);
itemW=naturalSize.w;
itemH=naturalSize.h;
}
}
if(itemH>maxSizeH)
maxSizeH=itemH;
if(itemH<minSizeH || minSizeH==0)
minSizeH=itemH;
if(itemW>maxSizeW)
maxSizeW=itemW;
if(itemW<minSizeW || minSizeW==0)
minSizeW=itemW;
});
sizeInputH.max=maxSizeH;
sizeInputH.min=minSizeH;
sizeInputH.value=prefs.gallery.defaultSizeLimit.h;
sizeInputH.title=sizeInputH.value+"px";
var sizeInputHSpan=this.gallery.querySelector("#minsizeHSpan");
sizeInputHSpan.innerHTML=createHTML(Math.floor(sizeInputH.value)+"px");
sizeInputW.max=maxSizeW;
sizeInputW.min=minSizeW;
sizeInputW.value=prefs.gallery.defaultSizeLimit.w;
sizeInputW.title=sizeInputW.value+"px";
var sizeInputWSpan=this.gallery.querySelector("#minsizeWSpan");
sizeInputWSpan.innerHTML=createHTML(Math.floor(sizeInputW.value)+"px");
},
initToggleBar: function() { // 是否显示切换 sidebar 按钮
/**
* TODO：仿造下面的链接重新改造过？
* http://image.baidu.com/detail/newindex?col=%E8%B5%84%E8%AE%AF&tag=%E4%BD%93%E8%82%B2&pn=0&pid=5123662821688142478&aid=&user_id=10086&setid=-1&sort=0&newsPn=4&star=&fr=hotword&from=1
*/
if (prefs.gallery.sidebarToggle) {
var toggleBar = this.eleMaps['sidebar-toggle'];
toggleBar.style.display = 'block';
toggleBar.style.height = '16px';
toggleBar.addEventListener('click', this.showHideBottom.bind(this), false);
var viewmoreBar = this.eleMaps['sidebar-viewmore'];
viewmoreBar.style.display = 'block';
viewmoreBar.addEventListener('click', this.maximizeSidebar.bind(this), false);
// 顶部圆角
switch (prefs.gallery.sidebarPosition) {
case 'bottom':
toggleBar.style.borderRadius = '8px 8px 0 0'; // 左上、右上、右下、左下
break;
case 'top':
toggleBar.style.borderRadius = '0 0 8px 8px';
break;
case 'left':
toggleBar.style.height = '60px';
toggleBar.style.borderRadius = '0 8px 8px 0';
break;
case 'right':
toggleBar.style.height = '60px';
toggleBar.style.borderRadius = '8px 0 0 8px';
break;
}
}
},
closeViewMore: function() {
var toggleBar = this.eleMaps['sidebar-toggle'],
imgCon = this.eleMaps['img-container'],
viewmoreBar = this.eleMaps['sidebar-viewmore-content'],
imgPre = this.eleMaps['img-controler-pre'],
imgNext = this.eleMaps['img-controler-next'],
alreadyShow = toggleBar.style.visibility == 'hidden';
if(!alreadyShow) return;
var sidebarContainer = this.eleMaps['sidebar-container'];
var maximizeContainer = this.eleMaps['maximize-container'];
var sidebarPosition = prefs.gallery.sidebarPosition,
capitalize = function(string) { // 将字符串中每个单词首字母大写
var words = string.split(" ");
for (var i = 0; i < words.length; i++) {
words[i] = words[i].charAt(0).toUpperCase() + words[i].slice(1);
}
return words.join(" ");
};
maximizeContainer.style.minHeight = 0;
maximizeContainer.parentNode.style.visibility = "hidden";
if(this.hideBodyStyle.parentNode)
this.hideBodyStyle.parentNode.removeChild(this.hideBodyStyle);
imgPre.style.visibility = imgNext.style.visibility = toggleBar.style.visibility = sidebarContainer.style.visibility = 'visible';
imgCon.style['border' + capitalize(sidebarPosition)] = prefs.gallery.sidebarSize + 'px solid transparent';
toggleBar.style[sidebarPosition] = '-5px';
while (maximizeContainer.firstChild) {
maximizeContainer.removeChild(maximizeContainer.firstChild);
}
viewmoreBar.innerHTML = createHTML('✚');
viewmoreBar.parentNode.classList.remove("showmore");
//viewmoreBar.parentNode.style.backgroundColor = "#000000";
toggleBar.innerHTML = createHTML('▼');
this.changeSizeInputReset();
},
addViewmoreItem: function(nodes) {
var alreadyShow = this.eleMaps['sidebar-toggle'].style.visibility == 'hidden';
if(!alreadyShow)return;
var self=this;
var maximizeContainer = this.eleMaps['maximize-container'];
[].forEach.call(nodes, function(node){
var nodeStyle=unsafeWindow.getComputedStyle(node);
let curNode=node;
let imgSpan = document.createElement('span');
imgSpan.style.display=nodeStyle.display;
imgSpan.className = "maximizeChild";
imgSpan.innerHTML = createHTML('<img src="'+curNode.dataset.src+'">');
imgSpan.addEventListener("click", function(e){
imgReady(curNode.dataset.src,{
ready:function(){
new ImgWindowC(this);
}
});
});
let img=imgSpan.querySelector("img");
var addDlSpan=(img, imgSpan, curNode, clickCb)=>{
var dlSpan = document.createElement('p');
dlSpan.innerHTML=createHTML('<svg class="icon" style="width: 20px;height: 20px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1100"><path d="M768 768q0-14.857143-10.857143-25.714286t-25.714286-10.857143-25.714285 10.857143-10.857143 25.714286 10.857143 25.714286 25.714285 10.857143 25.714286-10.857143 10.857143-25.714286z m146.285714 0q0-14.857143-10.857143-25.714286t-25.714285-10.857143-25.714286 10.857143-10.857143 25.714286 10.857143 25.714286 25.714286 10.857143 25.714285-10.857143 10.857143-25.714286z m73.142857-128v182.857143q0 22.857143-16 38.857143t-38.857142 16H91.428571q-22.857143 0-38.857142-16t-16-38.857143v-182.857143q0-22.857143 16-38.857143t38.857142-16h265.714286l77.142857 77.714286q33.142857 32 77.714286 32t77.714286-32l77.714285-77.714286h265.142858q22.857143 0 38.857142 16t16 38.857143z m-185.714285-325.142857q9.714286 23.428571-8 40l-256 256q-10.285714 10.857143-25.714286 10.857143t-25.714286-10.857143L230.285714 354.857143q-17.714286-16.571429-8-40 9.714286-22.285714 33.714286-22.285714h146.285714V36.571429q0-14.857143 10.857143-25.714286t25.714286-10.857143h146.285714q14.857143 0 25.714286 10.857143t10.857143 25.714286v256h146.285714q24 0 33.714286 22.285714z" p-id="1101"></path></svg> '+i18n("download"));
dlSpan.src=curNode.dataset.src;
dlSpan.title=curNode.title||document.title;
dlSpan.onclick=clickCb;
imgSpan.appendChild(dlSpan);
};
fetch(curNode.dataset.src).then(response=>{
return response.blob();
}).then(blob=>{
imgReady(img,{
ready:function(){
if(img.width>=88 && img.height>=88){
addDlSpan(img, imgSpan, curNode, e=>{
e.stopPropagation();
if(blob.type=="image/webp"){
self.blobToCanvas(blob, canvas=>{
canvas.toBlob(blob=>{
saveAs(blob,e.target.title);
}, "image/png");
});
}else{
_GM_download(e.target.src,e.target.title);
}
return true;
});
}
}
});
}).catch(e=>{
imgReady(img,{
ready:function(){
if(img.width>=88 && img.height>=88){
addDlSpan(img, imgSpan, curNode, e=>{
e.stopPropagation();
_GM_download(e.target.src,e.target.title);
return true;
});
}
}
});
});
maximizeContainer.appendChild(imgSpan);
});
},
maximizeSidebar: function() {
var toggleBar = this.eleMaps['sidebar-toggle'],
imgCon = this.eleMaps['img-container'],
viewmoreBar = this.eleMaps['sidebar-viewmore-content'],
imgPre = this.eleMaps['img-controler-pre'],
imgNext = this.eleMaps['img-controler-next'],
alreadyShow = toggleBar.style.visibility == 'hidden';
var sidebarContainer = this.eleMaps['sidebar-container'];
var maximizeContainer = this.eleMaps['maximize-container'];
var sidebarPosition = prefs.gallery.sidebarPosition,
capitalize = function(string) { // 将字符串中每个单词首字母大写
var words = string.split(" ");
for (var i = 0; i < words.length; i++) {
words[i] = words[i].charAt(0).toUpperCase() + words[i].slice(1);
}
return words.join(" ");
};
if(alreadyShow){
this.closeViewMore();
}else{
maximizeContainer.style.minHeight = "100%";
maximizeContainer.parentNode.style.visibility = "visible";
document.head.appendChild(this.hideBodyStyle);
imgPre.style.visibility = imgNext.style.visibility = toggleBar.style.visibility = sidebarContainer.style.visibility = 'hidden';
imgCon.style['border' + capitalize(sidebarPosition)] = '0';
toggleBar.style[sidebarPosition] = '0';
maximizeContainer.innerHTML = createHTML("");
viewmoreBar.innerHTML = createHTML('✖');
viewmoreBar.parentNode.classList.add("showmore");//.backgroundColor = "#2a2a2a";
var nodes = document.querySelectorAll('.pv-gallery-sidebar-thumb-container[data-src]');
this.addViewmoreItem(nodes);
}
},
dataURLToCanvas:function (dataurl, cb){
if(!dataurl)return cb(null);
var canvas = document.createElement('CANVAS');
var ctx = canvas.getContext('2d');
var img = new Image();
img.setAttribute("crossOrigin","anonymous");
img.onload = function(){
canvas.width = img.width;
canvas.height = img.height;
ctx.drawImage(img, 0, 0);
cb(canvas);
};
img.onerror = function(){
cb(null);
};
img.src = dataurl;
},
blobToDataURL:function(blob, cb){
var a = new FileReader();
a.readAsDataURL(blob);
a.onload = function (e){
cb(e.target.result);
};
a.onerror = function (e){
cb(null);
}
},
blobToCanvas: function (blob, cb){
var self=this;
this.blobToDataURL(blob, function (dataurl){
self.dataURLToCanvas(dataurl, cb);
});
},
showHideBottom: function() { // 显示隐藏 sidebar-container
var sidebarContainer = this.eleMaps['sidebar-container'],
isHidden = sidebarContainer.style.visibility == 'hidden';
sidebarContainer.style.visibility = isHidden ? 'visible' : 'hidden';
var sidebarPosition = prefs.gallery.sidebarPosition,
capitalize = function(string) { // 将字符串中每个单词首字母大写
var words = string.split(" ");
for (var i = 0; i < words.length; i++) {
words[i] = words[i].charAt(0).toUpperCase() + words[i].slice(1);
}
return words.join(" ");
};
// 修正下图片底部的高度
this.eleMaps['img-container'].style['border' + capitalize(sidebarPosition)] = isHidden ?
prefs.gallery.sidebarSize + 'px solid transparent' :
'0';
// 修正底部距离
this.eleMaps['sidebar-toggle'].style[sidebarPosition] = isHidden ? '-5px' : '0';
this.eleMaps['sidebar-toggle'].innerHTML = createHTML(isHidden ? '▼' : '▲');
this.eleMaps['sidebar-viewmore'].style.visibility = isHidden ? 'visible' : 'hidden';
},
initZoom: function() { // 如果有放大，则把图片及 sidebar 部分缩放比率改为 1
if (prefs.gallery.autoZoom && document.body.style.zoom != undefined) {
var oZoom = detectZoom();
if (oZoom > 100) {
this.eleMaps['body'].style.zoom = 100 / oZoom;
}
}
},
getThumSpan:function(previous,relatedTarget){
var ret;
var rt = relatedTarget || this.selected;
if(!rt)return;
while((rt=previous ? rt.previousElementSibling : rt.nextElementSibling)){
if(rt.clientWidth!=0){
ret=rt;
break;
};
};
return ret;
},
previous:false,
selectPrevious:function(){
this.previous=true;
this.select(this.getThumSpan(true));
},
selectNext:function(){
this.select(this.getThumSpan());
},
select:function(ele,noTransition){
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;
this.arrowVisib();
var self=this;
clearTimeout(this.loadImgTimer);
if(prefs.gallery.transition){
this.loadImgTimer=setTimeout(function(){//快速跳转的时候不要尝试读取图片。
self.loadImg(ele);
},200);
}else{
self.loadImg(ele);
}
this.selectedIntoView(noTransition);
this.forceRepaint();
this.slideShow.run('select');
},
loadThumb:function(){//读取可视范围里面的缩略图
var self=this;
var pro=self.isHorizontal ? ['scrollLeft','clientWidth','offsetLeft','offsetWidth'] : ['scrollTop','clientHeight','offsetTop','offsetHeight'];
var thumbC=self.eleMaps['sidebar-thumbnails-container'];
var scrolled=thumbC[pro[0]];
var loadStopDis=scrolled + thumbC[pro[1]];
var imgSpans=self.selected.parentNode.children;
var span_i;
var spanOffset;
var thumb;
var i=0
while(span_i=imgSpans[i++]){
if(span_i.clientWidth==0)continue;//隐藏的
spanOffset=span_i[pro[2]];
if(spanOffset + span_i[pro[3]] <= scrolled)continue;//在滚动条上面了
if(spanOffset >= loadStopDis)break;//在滚动条下面了
if(dataset(span_i,'thumbLoaded'))continue;//已经加载了缩略图
thumb=document.createElement('img');
thumb.src=dataset(span_i,'thumbSrc') || dataset(span_i,'src') || prefs.icons.brokenImg_small;
thumb.className='pv-gallery-sidebar-thumb';
dataset(span_i,'thumbLoaded','true');
span_i.appendChild(thumb);
imgReady(thumb,{
error:function(e){
this.src=prefs.icons.brokenImg_small;
},
});
};
},
selectedIntoView:function(noTransition){
var thumBC=this.eleMaps['sidebar-thumbnails-container'];
var pro=this.isHorizontal ? ['offsetLeft','clientWidth','offsetWidth'] : ['offsetTop','clientHeight','offsetHeight'] ;
//需要滚动的距离。
var needScrollDis= this.selected[pro[0]];
//尽可能的居中显示
var thumBCClient=thumBC[pro[1]];
var scrollCenter=Math.max((thumBCClient - this.selected[pro[2]])/2,0);
this.thumbScrollbar.scroll(needScrollDis - scrollCenter,false,!noTransition);
},
getImg:function(ele){
var self = this;
var src = dataset(ele,'src');
this.lastLoading=src;//记住最后读取的图片
this.isLoading=true;//表示选择的图片正在读取
// 特殊的 xhr 方式获取
var xhr = dataset(ele, 'xhr');
if (xhr) {
var xhrError = function() {
dataset(ele, 'xhr', '');
dataset(ele, 'src', dataset(ele, 'thumb-src'));
self.getImg(ele);
};
xhrLoad.load({
url: src,
xhr: JSON.parse(decodeURIComponent(xhr)),
cb: function(imgSrc, imgSrcs, caption) {
if (imgSrc) {
dataset(ele, 'src', imgSrc);
dataset(ele, 'xhr', '');
self.getImg(ele);
} else {
xhrError();
}
},
onerror: xhrError
});
return;
}
var allLoading=this.allLoading;
if(allLoading.indexOf(src)!=-1){//在读取队列中。
return;
};
allLoading.push(src);
//上一个读取中的图片，不是当前显示的。那么直接终止
var preImgR=this.imgReady;
if(preImgR && this.img){
if(preImgR.img.src!=this.src){
preImgR.abort();
preImgR.removeLI();
};
};
//显示读取指示器。
var loadingIndicator=ele.querySelector('.pv-gallery-sidebar-thumb-loading');
loadingIndicator.style.display='block';
this.imgReady=imgReady(src,{
ready:function(){
//从读取队列中删除自己
var index=allLoading.indexOf(src);
if(index!=-1){
allLoading.splice(index,1);
};
if(src!=self.lastLoading)return;
loadingIndicator.style.display='';
if(preImgR)preImgR.abort();
self.loadImg(this,ele);
},
loadEnd:function(e){//在loadend后开始预读。
//从读取队列中删除自己
var index=allLoading.indexOf(src);
if(index!=-1){
allLoading.splice(index,1);
};
if(src!=self.lastLoading)return;
if(e.type=='error'){
loadingIndicator.style.display='';
self.errorSpan=ele;
if(preImgR)preImgR.abort();
self.loadImg(this,ele,true);
};
self.slideShow.run('loadEnd');
if(prefs.gallery.preload){
if(self.preloading){//结束上次的预读。
self.preloading.abort();
};
self.preloading=new self.Preload(ele,self);
self.preloading.preload();
};
},
});
this.imgReady.removeLI=function(){
loadingIndicator.style.display='';
};
},
loadImg:function(img,relatedThumb,error){
if(img.nodeName!='IMG'){//先读取。
this.getImg(img);
return;
};
if(this.img){
this.img.parentNode.removeChild(this.img);
};
var imgNaturalSize={
h:img.naturalHeight,
w:img.naturalWidth,
};
this.imgNaturalSize=imgNaturalSize;
this.eleMaps['head-left-img-info-resolution'].textContent=imgNaturalSize.w + ' x ' + imgNaturalSize.h;
var thumbnails=this.eleMaps['sidebar-thumbnails-container'].childNodes,i=0;
while(thumbnails[i]!=relatedThumb && i<thumbnails.length)i++;
if(i<thumbnails.length)this.eleMaps['head-left-img-info-count'].textContent="（"+(i+1)+" / "+thumbnails.length+"）";
// 加上图片的注释
var description = decodeURIComponent(dataset(relatedThumb, 'description')),
defaultLength = prefs.gallery.descriptionLength;
this.eleMaps['head-left-img-info-description'].title = description;
this.eleMaps['head-left-img-info-description'].textContent= description.length > defaultLength ?
description.slice(0, defaultLength) + '...' :
description;
this.img=img;
this.src=img.src;
this.isLoading=false;
this.relatedThumb=relatedThumb;
img.className='pv-gallery-img';
if(error){
if(relatedThumb.querySelector("img").src==this.img.src){
this.imgError=true;
this.img.style.display='none';
this.eleMaps['img_broken'].style.display='inline-block';
}else{
var srcs=dataset(relatedThumb, 'srcs');
if(srcs && srcs.length>0)srcs=srcs.split(",");
var self=this;
this.img.onload=function(){
var imgNaturalSize={
h:this.naturalHeight,
w:this.naturalWidth,
};
self.imgNaturalSize=imgNaturalSize;
self.fitToScreen();
}
if(srcs && srcs.length>0){
var src=srcs.shift();
dataset(relatedThumb, 'srcs',srcs.join(","));
if(src){
dataset(relatedThumb, 'src',src);
this.img.onerror=function(e){
this.src=relatedThumb.querySelector("img").src;
dataset(relatedThumb, 'src',this.src);
}
this.img.src=src;
}
}
else this.img.src=relatedThumb.querySelector("img").src;
}
}else{
this.imgError=false;
this.eleMaps['img_broken'].style.display='';
if(!dataset(relatedThumb,'naturalSize')){
dataset(relatedThumb,'naturalSize',JSON.stringify(imgNaturalSize));
};
};
function styled(){
img.style.opacity=1;
img.style[support.cssTransform]='scale(1)';
};
if(prefs.gallery.transition){
setTimeout(styled,0);
}else{
styled();
};
this.eleMaps['img-parent'].appendChild(img);
this.fitContains=prefs.gallery.fitToScreen;//适应屏幕
this.fitToScreen({
x:0,
y:0,
});
if(this.previous){
this.previous=false;
this.imgScrollbarV.scrollBy(999999);
}
this.collection.check();//检查是否在收藏里面。
},
fitToScreen:function(scale){
var container=this.eleMaps['img-content'];
var containerSize={
h:container.clientHeight,
w:container.clientWidth,
};
var img=this.img;
if(!img || !img.classList)return;
img.classList.remove('pv-gallery-img_zoom-in');
img.classList.remove('pv-gallery-img_zoom-out');
var imgSty=img.style;
imgSty.width='';
imgSty.height='';
var contentSSize={
h:container.scrollHeight,
w:container.scrollWidth,
};
var larger=contentSSize.h>containerSize.h || contentSSize.w>containerSize.w;
var scaled='100%';
if(this.fitContains && !(scale && scale.x==0 && scale.y==0 && this.imgNaturalSize.h/this.imgNaturalSize.w > 2.5)){//适应屏幕
this.imgScrollbarV.hide();
this.imgScrollbarH.hide();
if(larger){
img.classList.add('pv-gallery-img_zoom-in');
if(contentSSize.h/contentSSize.w >=containerSize.h/containerSize.w){
var height=this.imgNaturalSize.h-(contentSSize.h - containerSize.h);
imgSty.height=height + 'px';
scaled=height/this.imgNaturalSize.h;
}else{
var width=this.imgNaturalSize.w-(contentSSize.w - containerSize.w);
imgSty.width=width + 'px';
scaled=width/this.imgNaturalSize.w;
};
scaled=(scaled*100).toFixed(2) + '%';
}else if(prefs.gallery.fitToScreenSmall){
if(this.imgNaturalSize.h/this.imgNaturalSize.w >=containerSize.h/containerSize.w){
var height=contentSSize.h-50;
height=height<0?contentSSize.h:height;
imgSty.height=height + 'px';
scaled=height/this.imgNaturalSize.h;
}else{
var width=contentSSize.w-50;
width=width<0?contentSSize.w:width;
imgSty.width=width + 'px';
scaled=width/this.imgNaturalSize.w;
};
scaled=(scaled*100).toFixed(2) + '%';
}
}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);
};
};
};
var imgScaledInfo=this.eleMaps['head-left-img-info-scaling'];
imgScaledInfo.textContent='（'+scaled+'）';
if(scaled!='100%'){
imgScaledInfo.style.color='#E9CCCC';
}else{
imgScaledInfo.style.color='';
};
},
_dataCache: {},
_spanMarkPool: {},
_appendThumbSpans: function(data, index) { // 添加缩略图栏的 spans
var iStatisCopy = this.iStatisCopy;
if (typeof index == 'undefined' && this.selected) {
index = Array.prototype.slice.call(this.imgSpans).indexOf(this.selected);
}
var sizeInputH=this.gallery.querySelector("#minsizeH");
var sizeInputW=this.gallery.querySelector("#minsizeW");
var thumbnails=this.eleMaps['sidebar-thumbnails-container'];
// 如果是新的，则添加，否则重置并添加。
if (!data){
thumbnails.innerHTML = createHTML("");
this._dataCache = {};
}
var self=this;
(data || this.data).forEach(function(item) {
if(!item)return;
iStatisCopy[item.type].count++;
var spanMark=self._spanMarkPool[item.imgSrc];
if(!spanMark){
spanMark = document.createElement("span");
try{
spanMark.className="pv-gallery-sidebar-thumb-container";
spanMark.dataset.type=item.type;
spanMark.dataset.src=item.src;
spanMark.dataset.srcs=item.srcs||"";
if(item.xhr)spanMark.dataset.xhr=encodeURIComponent(JSON.stringify(item.xhr));
spanMark.dataset.description=encodeURIComponent(item.description || '');
spanMark.dataset.thumbSrc=item.imgSrc;
spanMark.title=(item.img?(item.img.title||item.img.alt||""):"");
spanMark.innerHTML=createHTML('<span class="pv-gallery-vertical-align-helper"></span>' +
'<span class="pv-gallery-sidebar-thumb-loading" title="'+i18n("loading")+'......"></span>');
}catch(e){};
self._spanMarkPool[item.imgSrc] = spanMark;
}
if(item.noActual && (item.sizeW<sizeInputW.value || item.sizeH<sizeInputH.value)){
spanMark.style.display="none";
}else{
spanMark.style.display="";
}
thumbnails.appendChild(spanMark);
self.addViewmoreItem([spanMark]);
});
var self = this;
(data || this.data).forEach(function(d) {
if(!d)return;
self._dataCache[d.imgSrc] = true;
});
//写入类别数据。
var gallery = this.gallery;
var input, label, iStatisCopy_i;
for (var i in iStatisCopy) {
if (!iStatisCopy.hasOwnProperty(i)) continue;
iStatisCopy_i = iStatisCopy[i];
input = gallery.querySelector('#pv-gallery-head-command-drop-list-item-category-' + i);
input.checked = iStatisCopy_i.shown;
if (iStatisCopy_i.count == 0) {
input.disabled = true;
input.parentNode.classList.add('pv-gallery-head-command-drop-list-item_disabled');
} else {
input.disabled = false;
input.parentNode.classList.remove('pv-gallery-head-command-drop-list-item_disabled');
};
label = gallery.querySelector('label[for="pv-gallery-head-command-drop-list-item-category-' + i + '"]');
label.textContent = label.textContent.replace(/（.*）/i, '') + '（' + iStatisCopy_i.count + '）';
};
this.imgSpans = thumbnails.children;
this.thumbScrollbar.reset();
if(this.imgSpans[index].style.display=="none"){
for(var j in this.imgSpans){
if (!this.imgSpans.hasOwnProperty(j)) continue;
var curSpan=this.imgSpans[j];
if(curSpan.style.display!="none"){
this.select(curSpan, true);
return;
}
}
}
this.select(this.imgSpans[index], true);
},
load:function(data, from, reload){
if(this.shown || this.minimized){//只允许打开一个,请先关掉当前已经打开的库
if(from){//frame发送过来的数据。
window.postMessage({
messageID:messageID,
command:'sendFail',
to:from,
},'*');
};
if(this.minimized){
_GM_notification(i18n('closeFirst'));
flashEle(this.maximizeTrigger);
};
return;
};
var self=this;
if(from){//来自frame，获取这个frame所在的iframe标签。定位到图片的时候要用到。
window.postMessage({
messageID:messageID,
command:'getIframeObject',
windowId:from,
},'*');
document.addEventListener('pv-getIframeObject',function(e){
self.iframe=e.detail;
},true);
};
var unique=this.unique(data);
data=unique.data;
var index=unique.index;
if (reload && this.data.length >= data.length) {
// alert('没有新增的图片');
return;
}
this.clear();//还原对象的一些修改，以便复用。
this.data=data;
this.show(reload);
this.from=from;//如果来自frame，那么这个from应该保存了那个frame的窗口id，便于以后通信。
this._appendThumbSpans(null, index);
this.runOnce();
this.switchThumbVisible();
var pageObj = this.getPage(),textSpan = this.eleMaps['head-command-nextPage'].querySelector("span");
this.haveMorePage = !!pageObj.pre || !!pageObj.next;
textSpan.style.color=this.haveMorePage?"#e9cccc":"#757575";
},
haveMorePage:false,
clear:function(){
this._dataCache = {};
this.allLoading=[];//读取中的图片数组
this.iStatisCopy=cloneObject(this.imgStatistics,true);//图片统计副本
if(this.selected){
this.selected.classList.remove(this.selectedClassName);
this.selected.classList.remove('pv-gallery-sidebar-thumb_selected');
}
this.selected=null;
if(this.img){
this.img.style.display='none';
this.img=null;
};
//读取错误的图片占位符
this.eleMaps['img_broken'].style.display='';
//清空dom
this.eleMaps['sidebar-thumbnails-container'].innerHTML=createHTML('');
this.eleMaps['head-left-img-info-resolution'].textContent='0 x 0';
this.eleMaps['head-left-img-info-count'].textContent='（1 / 1）';
this.eleMaps['head-left-img-info-scaling'].textContent='（100%）';
//隐藏滚动条
this.imgScrollbarV.hide();
this.imgScrollbarH.hide();
this.thumbScrollbar.hide();
//重置style;
this.thumbVisibleStyle.textContent='';
},
unique:function(data){
var imgSrc;
if(data.target)
imgSrc=data.target.src;
var data_i,
data_i_src,
dataSrcs=[];
var index;
for(var i=0,ii=data.length;i<ii;i++){
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);
};
delete data.target;
return {
data:data,
index:index,
};
},
keyDownListener:function(e){
switch(e.keyCode){
case 27:
if(prefs.imgWindow.close.escKey){
this.close();
}
break;
}
},
keyUpListener:function(e){
switch(e.keyCode){
case 82:
var img=this.img;
var cssTransform=img.style[support.cssTransform];
var iTransform=cssTransform.replace(/rotate\([^)]*\)/i,'');
var rotatedRadians=cssTransform.indexOf("rotate")!=-1?cssTransform.replace(/.*rotate\(([-\d\.]+).*/i,'$1'):0;
var PI=Math.PI;
var origin=parseFloat(rotatedRadians) +(e.shiftKey?-90:90) * PI/180;
if(origin>=2*PI || origin<=-2*PI ||(-0.1<origin && origin<0.1)){
origin=0;
}
img.style[support.cssTransform] = ' rotate('+ origin +'rad) ' + iTransform;
break;
}
},
show:function(reload){
this.shown=true;
galleryMode=true;
if (!reload) {
var des=document.documentElement.style;
this.deOverflow={
x:des.overflowX,
y:des.overflowY,
};
des.overflow='hidden';
this.gallery.style.display='';
this.gallery.focus();
window.addEventListener('resize',this._resizeHandler,true);
}
document.addEventListener('keydown',this._keyDownListener,true);
document.addEventListener('keyup',this._keyUpListener,true);
if(prefs.gallery.loadMore){
this.eleMaps['head-command-nextPage'].click();
}
this.changeSizeInputReset();
},
close:function(reload){
if(this.hideBodyStyle.parentNode)
this.hideBodyStyle.parentNode.removeChild(this.hideBodyStyle);
document.removeEventListener('keydown',this._keyDownListener,true);
document.removeEventListener('keyup',this._keyUpListener,true);
this.shown=false;
this.minimized=false;
if (!reload) {
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;
this.slideShow.exit();
this.collection.exit();
window.removeEventListener('resize',this._resizeHandler,true);
// 退出全屏
var btn = document.getElementById('pv-gallery-fullscreenbtn');
if (btn.classList.contains('fullscreenbtn')) {
cancelFullScreen();
btn.textContent = i18n("enterFullsc");
btn.classList.remove('fullscreenbtn');
}
}
},
curPage:document,
getPage:function(){
let pageNum=0,preStr="",afterStr="";
let pageMatch1=this.href.match(/(.*[a-zA-Z0-9\/][\-_](?:p|page)?)(\d+)(\.html?$|$)/i);
let pageMatch2=this.href.match(/(.*[\?&]p(?:age)?=)(\d+)($|[#&].*)/i);
if(pageMatch1){
preStr=pageMatch1[1];
pageNum=pageMatch1[2];
afterStr=pageMatch1[3];
}else if(pageMatch2){
preStr=pageMatch2[1];
pageNum=pageMatch2[2];
afterStr=pageMatch2[3];
}
var curPage=this.curPage;
let pre=curPage.querySelector("a.prev");
let next=curPage.querySelector("a.next");
if(!pre)pre=curPage.querySelector("a#prev");
if(!next)next=curPage.querySelector("a#next");
if(!pre)pre=curPage.querySelector("a#leftFix");
if(!next)next=curPage.querySelector("a#rightFix");
if(!pre)pre=curPage.querySelector("a.prev_page");
if(!next)next=curPage.querySelector("a.next_page");
if(!pre)pre=curPage.querySelector(".prev>a");
if(!next)next=curPage.querySelector(".next>a");
if(!pre && !next){
let pageDiv=curPage.querySelector("div.wp-pagenavi");
if(pageDiv){
var cur=pageDiv.querySelector("span.current");
pre=cur.previousSibling;
next=cur.nextSibling;
}else{
var cur=curPage.querySelector("div.article-paging>span");
if(cur){
pre=cur.previousElementSibling;
next=cur.nextElementSibling;
}
}
}
if(pre && (!pre.href || /javascript:/.test(pre.href.trim())))pre=null;
if(next && (!next.href || /javascript:/.test(next.href.trim())))next=null;
if(!pre || !next){
let aTags=curPage.querySelectorAll("a");
if(!pre){
let pref,pres,pret;
for(var i=0;i<aTags.length;i++){
let aTag=aTags[i];
if(!aTag.href || /javascript:/.test(aTag.href.trim()))continue;
if(pref && pres && pret)break;
if(!pref){
if(/(\s|^)上[一1]?[页頁张張]|^previous( page)?\s*$|前のページ/i.test(aTag.innerHTML)){
pref=aTag;
}
}
if(!pres){
if(aTag.innerHTML=="<"){
pres=aTag;
}
}
if(!pret){
if(aTag.innerHTML=="«"){
pret=aTag;
}else if(pageNum==1){
if(aTag.href.indexOf(this.href.replace(/.*\/([^\/]+)$/,"$1").replace(/[_-]\d+/,""))!=-1){
pret=aTag;
}
}else if(aTag.href.replace(preStr,"").replace(afterStr,"")==pageNum-1){
pret=aTag;
}
}
}
pre=pref||pres||pret;
}
if(!next){
let nextf,nexts,nextt;
for(var i=0;i<aTags.length;i++){
let aTag=aTags[i];
if(!aTag.href || /^\s*javascript:/.test(aTag.href.trim()))continue;
if(nextf && nexts && nextt)break;
if(!nextf){
if(/(\s|^)下[一1]?[页頁张張]|^next( page)?\s*$|次のページ/i.test(aTag.innerHTML)){
nextf=aTag;
}
}
if(!nexts){
if(aTag.innerHTML==">"){
nexts=aTag;
}
}
if(!nextt){
if(aTag.innerHTML=="»"){
nextt=aTag;
}else if(aTag.href.replace(preStr,"").replace(afterStr,"")==parseInt(pageNum)+1){
nextt=aTag;
}else if(aTag.href.indexOf(this.href)!=-1 && /^[\/\?&]?[_-]?(p|page)?=?[12](\?|&|$)/i.test(aTag.href.replace(this.href,""))){
nextt=aTag;
}
}
}
next=nextf||nexts||nextt;
}
}
if(!pre)pre=curPage.querySelector('[rel="prev"],[rel="previous"]');
if(!next)next=curPage.querySelector('[rel="next"]');
return {pre:pre,next:next};
},
canonicalUri:function(src, base_path){
if(src.charAt(0)=="#")return location.href+src;
var root_page = /^[^?#]*\//.exec(location.href)[0],
root_domain = /^\w+\:\/\/\/?[^\/]+/.exec(root_page)[0],
absolute_regex = /^\w+\:\/\//;
src=src.replace(/\.\//,"");
if (/^\/\/\/?/.test(src)){
src = location.protocol + src;
}
else if (!absolute_regex.test(src) && src.charAt(0) != "/"){
src = (base_path || "") + src;
}
return (absolute_regex.test(src) ? src : ((src.charAt(0) == "/" ? root_domain : root_page) + src));
},
completePages:[location.href],
href:location.href,
pageAllReady:false,
londingImgNum:0,
pageImgReady:function(){
var textSpan=this.eleMaps['head-command-nextPage'].querySelector("span");
if(this.pageAllReady && this.londingImgNum<=0){
textSpan.innerHTML=createHTML("<font color='red'>"+i18n("loadedAll")+"</font>");
setTimeout(function(){textSpan.innerHTML=createHTML(i18n("loadAll"));},1500);
}
},
pageAction:function(next, single){
var pageObj=this.getPage(),self=this,textSpan=this.eleMaps['head-command-nextPage'].querySelector("span");
if(textSpan.innerHTML!=i18n("loading")){
return;
}
var loadOver=function(){
if(!next || !prefs.gallery.loadAll || single){
self.pageAllReady=true;
self.pageImgReady();
}else{
self.curPage=document;
self.href=location.href;
self.pageAction(false);
}
};
if((next && !pageObj.next) || (!next && !pageObj.pre)){
loadOver();
return;
}
var targetUrl=next?pageObj.next:pageObj.pre;
if(targetUrl.tagName!="A"){
var childA=targetUrl.querySelector("a");
if(childA){
targetUrl=childA;
}else{
while(targetUrl=targetUrl.parentElement){
if(targetUrl.nodeName=='A'){
break;
}
}
if(!targetUrl)return;
}
}
var href=targetUrl.getAttribute("href");
if(self.completePages.indexOf(href)!=-1){
loadOver();
return;
}else{
self.completePages.push(href);
}
self.href=self.canonicalUri(href);
_GM_xmlhttpRequest({
method: 'GET',
url: self.href,
headers:{"Referer": + window.location.href},
overrideMimeType:"text/html;charset="+document.charset,
onload: function(d) {
let html=document.implementation.createHTMLDocument('');
html.documentElement.innerHTML = d.responseText;
self.curPage=html;
let imgs=html.querySelectorAll('img');
var container = document.querySelector('.pv-gallery-container'),
preloadContainer = document.querySelector('.pv-gallery-preloaded-img-container');
imgs = Array.prototype.slice.call(imgs).filter(function(img){
return !(container.contains(img) || (preloadContainer&&preloadContainer.contains(img)));
});
imgs.forEach(function(img) {
pretreatment(img);
if(!img.src)return;
var isrc=img.src.trim();
if(!isrc)return;
isrc=self.canonicalUri(isrc);
if (self._dataCache[isrc]) return;
self._dataCache[isrc] = true;
var nimg = new Image();
self.londingImgNum++;
nimg.src = isrc;
nimg.onload=function(){
self.londingImgNum--;
self.pageImgReady();
var result = findPic(this);
if (result) {
self.data.push(result);
self._appendThumbSpans([result]);
self.loadThumb();
}
};
nimg.onerror=function(){
self.londingImgNum--;
self.pageImgReady();
};
});
if(prefs.gallery.loadAll && !single)self.pageAction(next);
else loadOver();
},
onerror: function(e) {
if(prefs.gallery.loadAll && !single)self.pageAction(next);
else loadOver();
}
});
},
runOnce:function(){//运行一次来获取某些数据。
var thumbSpanCS=unsafeWindow.getComputedStyle(this.selected);
this.thumbSpanOuterSize=this.isHorizontal?
this.selected.offsetWidth + parseFloat(thumbSpanCS.marginLeft) + parseFloat(thumbSpanCS.marginRight) :
this.selected.offsetHeight + parseFloat(thumbSpanCS.marginTop) + parseFloat(thumbSpanCS.marginBottom);
this.runOnce=function(){
};
},
minimize:function(){
this.close();
this.maximizeTrigger.style.display='block';
this.minimized=true;
},
navigateToImg:function(targetImg){
targetImg.scrollIntoView();//先调用原方法，可以让overflow hidden的滚动出来。
//让图片近可能的居中
var imgBCRect=getContentClientRect(targetImg);
var wSize=getWindowSize();
window.scrollBy(imgBCRect.left - (wSize.w - imgBCRect.width)/2,
imgBCRect.top - (wSize.h - imgBCRect.height)/2);
},
switchThumbVisible:function(){
var style=this.thumbVisibleStyle;
var count=0;
var styleText=[];
var iStatisCopy=this.iStatisCopy;
var iStatisCopy_i;
for(var i in iStatisCopy){
if(!iStatisCopy.hasOwnProperty(i))continue;
iStatisCopy_i=iStatisCopy[i];
if(iStatisCopy_i.shown){
count+=iStatisCopy_i.count;
}else{
styleText.push('.pv-gallery-sidebar-thumb-container[data-type="'+i+'"]');
};
};
//写入style;
style.textContent=styleText.join(',') + '{\
display:none !important;\
}';
//初始化缩略图区的滚动条
this.thumbScrollbar.reset();
this.arrowVisib();
//载入缩略图
this.loadThumb();
},
forceRepaint:function(){//解决opera的fixed元素，当滚动条不再最高处的时候，不重绘fixed元素的问题。
clearTimeout(this.forceRepaintTimer);
var self=this;
this.forceRepaintTimer=setTimeout(function(){
if(envir.opera){
self.forceRepaintTimes % 2 ==0 ? window.scrollBy(0,1) : window.scrollBy(0,-1);
self.forceRepaintTimes++;
};
},333);
},
resizeHandler:function(){//窗口变化时，调整一些东西。
this.thumbScrollbar.reset();
//this.selectedIntoView();
this.fitToScreen();
this.loadThumb();
},
_isLastSpan: function(span) { // 用于判断是否自动重载，是否是最后几个图片
if (this.selected.clientWidth == 0) return false;
if (!span) return true;
var index = Array.prototype.slice.call(this.imgSpans).indexOf(span);
if (index != -1) {
var total = this.imgSpans.length;
if (total - index < prefs.gallery.scrollEndAndLoad_num) {
return true;
}
}
},
arrowVisib:function(){//当当前选择元素的前面或者后面没有元素的时候隐藏控制箭头
var icps=this.eleMaps['img-controler-pre'].style;
var icns=this.eleMaps['img-controler-next'].style;
var scps=this.eleMaps['sidebar-controler-pre'].style;
var scns=this.eleMaps['sidebar-controler-next'].style;
//下一张的箭头
var nextSpan = this.getThumSpan();
if (nextSpan) {
icns.display='';
scns.display='';
}else{
icns.display='none';
scns.display='none';
};
// 最后几张图片，滚到底部添加新的图片
if (prefs.gallery.scrollEndAndLoad && this._isLastSpan(nextSpan)) {
this.scrollToEndAndReload();
}
//上一张的箭头
if(this.getThumSpan(true)){
icps.display='';
scps.display='';
}else{
icps.display='none';
scps.display='none';
};
},
simpleSlideShow:function(backward,interval){
clearInterval(this.slideShowInterval);//幻灯播放，只允许存在一个，否则得乱套
var self=this;
var slideShowInterval=setInterval(function(){
var before=self.selected;
backward ? self.selectPrevious() : self.selectNext();
if(before == self.selected){//没有下一个元素了。。
stop();
};
},(interval? interval : 800));
this.slideShowInterval=slideShowInterval;
function stop(){
clearInterval(slideShowInterval);
};
return stop;
},
reload: function() { // 重新加载所有图片到库里面
// 函数在 LoadingAnimC 中
var data = this.getAllValidImgs();
// 设置当前选中的图片
data.target = {
src: this.selected.dataset.src
};
this.close(true);
this.load(data, null, true);
},
reloadNew: function() { // 加载新的图片到库里面
var newer = true;
var data = this.getAllValidImgs(newer);
if (data.length) {
this._appendThumbSpans(data);
}
},
getAllValidImgs:function(newer){
var validImgs = [];
var imgs = document.getElementsByTagName('img'),
container = document.querySelector('.pv-gallery-container'),
preloadContainer = document.querySelector('.pv-gallery-preloaded-img-container');
imgs = Array.prototype.slice.call(imgs);
arrayFn.forEach.call(document.querySelectorAll("iframe"),function(iframe){
if(iframe.src && iframe.src.replace(/\/[^\/]*$/,"").indexOf(location.hostname)!=-1)
try{
arrayFn.forEach.call(iframe.contentWindow.document.getElementsByTagName('img'),function(img){
imgs.push(img);
});
}catch(e){
debug(e.toString());
}
});
var bgReg=/.*url\(\s*["']?(.+?)["']?\s*\)/i;
var bgImgs=Array.from(document.querySelectorAll('*'))
.reduce((total, node) => {
if(node.nodeName != "IMG" && !node.src && (!node.className || !node.className.indexOf || node.className.indexOf("pv-")==-1)){
let prop = unsafeWindow.getComputedStyle(node).backgroundImage;
let match = bgReg.exec(prop)
if (match) {
node.src=match[1];
total.push(node);
}
}
return total;
}, []);
if(bgImgs)imgs=imgs.concat(bgImgs);
// 排除库里面的图片
imgs = imgs.filter(function(img){
return !(container.contains(img) || (preloadContainer&&preloadContainer.contains(img)));
});
// 已经在图库里面的
var self = this;
imgs.forEach(function(img) {
pretreatment(img);
if(!img.src) return;
if (newer && self._dataCache[img.src]) return;
var result = findPic(img);
if (result) {
validImgs.push(result);
self.data.push(result);
}
self._dataCache[img.src] = true;
});
return validImgs;
},
scrollToEndAndReload: function() { // 滚动主窗口到最底部，然后自动重载库的图片
window.scrollTo(0, 9999999);
var self = this;
clearTimeout(self.reloadTimeout);
self.reloadTimeout = setTimeout(function(){
// self.reload();
self.reloadNew();
}, 1000);
},
exportImages: function () { // 导出所有图片到新窗口
var nodes = document.querySelectorAll('.pv-gallery-sidebar-thumb-container[data-src]'),i;
//var arr = Array.prototype.map.call(nodes, function(node){
// if(unsafeWindow.getComputedStyle(node).display=="none")return "";
// else return '<div><img src=' + node.dataset.src + '></div>'
//});
var arr=[];
for (i = 0; i < nodes.length; ++i) {
if(unsafeWindow.getComputedStyle(nodes[i]).display=="none")arr.push("");
else arr.push('<div><img src=' + nodes[i].dataset.src + '></div>');
}
var title = document.title;
var html = '\
<head>\
<title>' + title + ' '+i18n("exportImages")+'</title>\
<style>\
.toTop{width:28px;height:28px;border-radius:14px;position: fixed;right:2px;bottom: 2px;cursor: pointer;background-color:#000;opacity:.3;padding:0em!important;border:0px!important;z-index:1}\
.toTop:hover{opacity:1}\
.toTop>span{height:28px;line-height:28px;display:block;color:#FFF;text-align:center;font-size:20px;}\
.grid{-moz-column-count:4;-webkit-column-count:4;column-count:4;-moz-column-gap: 1em;-webkit-column-gap: 1em;column-gap: 1em;}\
.grid>div{padding: 1em;margin: 0 0 1em 0;-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;}\
.grid>div>img{width: 100%;margin-bottom:10px;}\
.list>div {text-align:center;}\
.list>div>img { max-width: 100%; }\
.gridBig{margin: 0px;}\
.gridBig>div { float: left;margin: 0px 0px 1px 1px;}\
.gridBig>div>img { max-width: 100%; }\
.select{opacity: 0.8;border: 5px solid red!important;}\
body>div{border: 5px solid black;margin: 1px;}\
body>div:hover{border: 5px solid #dbdbdb;}\
body>div{position:relative;}\
</style>\
</head>\
<span class="toTop">\
<span>￪</span>\
</span>\
<body class="'+prefs.gallery.exportType+'">\
<p style="width:100vw;display:flex;flex-direction:column;">\
<img id="bigImg" style="pointer-events:none;position:fixed;z-index:999;width:100vw;top:0px;align-self:center;"></p>\
<p>【'+i18n("picTitle")+'】：' + title + '</p>\
<p>【'+i18n("picNum")+'】：' + nodes.length + ' <select onchange="document.body.className=this.options[this.options.selectedIndex].value"><option value="grid" '+(prefs.gallery.exportType=="grid"?"selected='selected'":"")+'>'+i18n("grid")+'</option><option value="gridBig" '+(prefs.gallery.exportType=="gridBig"?"selected='selected'":"")+'>'+i18n("gridBig")+'</option><option value="list" '+(prefs.gallery.exportType=="list"?"selected='selected'":"")+'>'+i18n("list")+'</option> </select> \
<input type="button" value="'+i18n("exportImagesUrl")+'" onclick="var imgStr=\'\',selList=document.querySelectorAll(\'.select>img\');if(selList.length==0)[].forEach.call(document.querySelectorAll(\'img\'),function(i){imgStr+=i.src+\' \\n\'});else{[].forEach.call(selList,function(i){imgStr+=i.src+\' \\n\'});}window.prompt(\''+i18n("exportImagesUrlPop")+'\',imgStr);">\
('+i18n("picTips")+')</p><p>'+i18n("savePageTips")+"</p>";
html += arr.join('\n') +
'<script type="text/javascript">\
document.querySelector(".toTop").addEventListener("click", function(){\
document.body.scrollIntoView();\
});\
var bigImg=document.querySelector("#bigImg"),body=document.body;\
[].forEach.call(document.querySelectorAll("div>img"),function(i){\
i.onerror=function(e){i.style.display="none"};\
i.onmouseover=i.onmousemove=function(e){bigImg.style.top=(this.width/this.height>body.clientWidth/body.clientHeight?10+(body.clientHeight*0.95-body.clientWidth*this.height/this.width)*e.offsetY/this.height:10-(body.clientWidth*this.height/this.width-body.clientHeight*0.95)*e.offsetY/this.height);bigImg.src=e.ctrlKey?this.src:"";bigImg.style.display=e.ctrlKey?"":"none";};\
});\
[].forEach.call(document.querySelectorAll("body>div"),function(i){\
i.onclick=function(e){if(e.ctrlKey&&i.firstChild.src){window.open(i.firstChild.src,"_blank")}else{this.classList.toggle("select")}}\
});\
</script></body>';
_GM_openInTab('data:text/html;charset=utf-8,' + encodeURIComponent(html));
},
copyImages: function(isAlert) {
var nodes = document.querySelectorAll('.pv-gallery-sidebar-thumb-container[data-src]');
var urls = [];
[].forEach.call(nodes, function(node){
if(unsafeWindow.getComputedStyle(node).display!="none")
urls.push(node.dataset.src);
});
_GM_setClipboard(urls.join("\n"));
if (isAlert) {
_GM_notification(i18n("copySuccess",urls.length));
}
},
Preload:function(ele,oriThis){
this.ele=ele;
this.oriThis=oriThis;//主this
this.init();
},
Scrollbar:function(scrollbar,container,isHorizontal){
this.scrollbar=scrollbar;
this.container=container;
this.isHorizontal=isHorizontal
this.init();
},
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%;\
min-width:none;\
min-height:none;\
padding: 0;\
margin: 0;\
border: none;\
z-index:2147483647;\
background-color: transparent;\
}\
/*全局border-box*/\
.pv-gallery-container span{\
-moz-box-sizing: border-box;\
box-sizing: border-box;\
line-height: 1.6;\
}\
.pv-gallery-container * {\
font-size: 14px;\
}\
/*点击还原的工具条*/\
.pv-gallery-maximize-trigger{\
position:fixed;\
bottom:15px;\
left:15px;\
display:none;\
background:#000;\
opacity:0.6;\
padding-left:10px;\
font-size:16px;\
line-height:0;\
color:white;\
cursor:pointer;\
box-shadow:3px 3px 0 0 #333;\
z-index:899999998;\
}\
.pv-gallery-maximize-trigger:hover{\
opacity:0.9;\
}\
.pv-gallery-maximize-trigger-close{\
display:inline-block;\
padding-left:10px;\
vertical-align:middle;\
height:30px;\
padding:10px 0;\
width:24px;\
background:url("'+prefs.icons.loadingCancle+'") center no-repeat;\
}\
.pv-gallery-maximize-trigger-close:hover{\
background-color:#333;\
}\
@media screen and (max-width: 800px) {\
.pv-gallery-range-box>input {\
display: none;\
}\
.pv-gallery-maximize-container{\
column-count: 2!important;\
-moz-column-count: 2!important;\
-webkit-column-count: 2!important;\
padding-top: 300px!important;\
}\
.pv-gallery-sidebar-viewmore-bottom.showmore{\
transform: scale(3.5);\
bottom: 50px;\
}\
.pv-gallery-maximize-container span>p{\
opacity: 0.6!important;\
}\
}\
/*顶栏*/\
.pv-gallery-head {\
position: absolute;\
top: 0;\
left: 0;\
width: 100%;\
flex-wrap: wrap;\
min-height: 30px;\
height: auto;\
z-index:1;\
background-color:rgb(0,0,0);\
border:none;\
border-bottom:1px solid #333333;\
text-align:right;\
line-height:0;\
font-size: 14px;\
color:#757575;\
padding-right:42px;\
display: table;\
}\
.pv-gallery-head > span{\
vertical-align:middle;\
}\
/*顶栏左边*/\
.pv-gallery-head-float-left{\
float:left;\
height:100%;\
text-align:left;\
padding-left:5px;\
display: table;\
}\
.pv-gallery-head-float-left > span{\
display:inline-block;\
height:100%;\
vertical-align:middle;\
}\
.pv-gallery-head-float-left > span > *{\
vertical-align:middle;\
}\
.pv-gallery-head-left-img-info{\
cursor:help;\
}\
.pv-gallery-head-left-img-info-description {\
margin-left: 10px;\
}\
.pv-gallery-range-box{\
display: inline-flex;\
justify-content: center;\
align-items: center;\
}\
.pv-gallery-range-box>span{\
padding: 0 5px 0 5px;\
}\
.pv-gallery-range-box>input{\
background: white;\
}\
/*顶栏里面的按钮样式-开始*/\
.pv-gallery-head-command{\
display:inline-block;\
cursor:pointer;\
height:100%;\
padding:0 8px;\
text-align:center;\
position:relative;\
z-index:1;\
vertical-align:middle;\
-o-user-select: none;\
-ms-user-select: none;\
-webkit-user-select: none;\
-moz-user-select: -moz-none;\
user-select: none;\
}\
/*辅助点击事件的生成，countdown*/\
.pv-gallery-head-command_overlayer{\
top:0;\
left:0;\
right:0;\
bottom:0;\
position:absolute;\
opacity:0;\
}\
.pv-gallery-head-command > *{\
vertical-align:middle;\
}\
.pv-gallery-head-command-close{\
position:absolute;\
top:0;\
right:0;\
width:40px;\
border-left: 1px solid #333333;\
background:transparent no-repeat center;\
background-image:url("'+prefs.icons.loadingCancle+'");\
}\
.pv-gallery-head-command-slide-show-countdown{\
font-size:0.8em;\
}\
.pv-gallery-head-command-slide-show-button{\
border-radius:36px;\
display:inline-block;\
width:18px;\
height:18px;\
border:2px solid #757575;\
margin-right:3px;\
line-height:0;\
}\
.pv-gallery-head-command-slide-show-button-inner{\
display:inline-block;\
border:none;\
border-top:4px solid transparent;\
border-bottom:4px solid transparent;\
border-left:8px solid #757575;\
vertical-align:middle;\
}\
.pv-gallery-head-command-slide-show-button-inner_stop{\
border-color:#757575;\
}\
.pv-gallery-head-command-collect-icon{\
display:inline-block;\
height:20px;\
width:20px;\
background:transparent url("' + prefs.icons.fivePointedStar + '") 0 0 no-repeat;\
}\
.pv-gallery-head-command-collect-icon ~ .pv-gallery-head-command-collect-text::after{\
content:"'+i18n("collect")+'";\
}\
.pv-gallery-head-command-collect-favorite > .pv-gallery-head-command-collect-icon{\
background-position:-40px 0 !important;\
}\
.pv-gallery-head-command-collect-favorite > .pv-gallery-head-command-collect-text::after{\
content:"'+i18n("collected")+'";\
}\
.pv-gallery-head-command-exit-collection{\
color:#939300 !important;\
display:none;\
}\
.pv-gallery-head-command:hover{\
background-color:#272727;\
color:#ccc;\
}\
/*droplist*/\
.pv-gallery-head-command-drop-list{\
position:absolute;\
right:0;\
display:none;\
box-shadow:0 0 3px #808080;\
background-color:#272727;\
line-height: 1.6;\
text-align:left;\
padding:10px;\
color:#ccc;\
margin-top:-1px;\
z-index:9;\
}\
.pv-gallery-head-command-drop-list-item{\
display:block;\
padding:2px 5px;\
cursor:pointer;\
white-space:nowrap;\
}\
.pv-gallery-head-command-drop-list-item-collect-description{\
cursor:default;\
}\
.pv-gallery-head-command-drop-list-item-collect-description > textarea{\
resize:both;\
width:auto;\
height:auto;\
}\
.pv-gallery-head-command-drop-list-item_disabled{\
color:#757575;\
}\
.pv-gallery-head-command-drop-list-item input + *{\
padding-left:3px;\
}\
.pv-gallery-head-command-drop-list-item input[type=number]{\
text-align:left;\
max-width:50px;\
height:20px;\
}\
.pv-gallery-head-command-drop-list-item input[type=checkbox]{\
width:20px\
}\
.pv-gallery-head-command-drop-list-item > * {\
vertical-align:middle;\
}\
.pv-gallery-head-command-drop-list-item label {\
font-weight: normal;\
display:inline\
}\
.pv-gallery-head-command-drop-list-item:hover{\
background-color:#404040;\
}\
/*container*/\
.pv-gallery-head-command-container{\
display:inline-block;\
height:100%;\
position:relative;\
}\
/* after伪类生成标识下拉菜单的三角图标*/\
.pv-gallery-head-command-container > .pv-gallery-head-command::after{\
content:"";\
display:inline-block;\
vertical-align:middle;\
border:none;\
border-top:7px solid #757575;\
border-left:5px solid transparent;\
border-right:5px solid transparent;\
margin-left:5px;\
-moz-transition:all 0.3s ease-in-out 0s;\
-webkit-transition:all 0.3s ease-in-out 0s;\
transition:all 0.3s ease-in-out 0s;\
}\
.pv-gallery-head-command-container:hover{\
box-shadow:0 0 3px #808080;\
}\
.pv-gallery-head-command-container:hover > .pv-gallery-head-command{\
background-color:#272727;\
color:#ccc;\
}\
.pv-gallery-head-command-container:hover > .pv-gallery-head-command::after{\
-webkit-transform:rotate(180deg);\
-moz-transform:rotate(180deg);\
transform:rotate(180deg);\
border-top:7px solid #ccc;\
}\
.pv-gallery-head-command-container:hover .pv-gallery-head-command-collect-icon{\
background-position:-20px 0;\
}\
.pv-gallery-head-command-container:hover .pv-gallery-head-command-slide-show-button{\
border-color:#ccc;\
}\
.pv-gallery-head-command-container:hover .pv-gallery-head-command-slide-show-button-inner{\
border-left-color:#ccc;\
}\
.pv-gallery-head-command-container:hover .pv-gallery-head-command-slide-show-button-inner_stop{\
border-color:#ccc;\
}\
.pv-gallery-head-command-container:hover > .pv-gallery-head-command-drop-list,.pv-gallery-head-command-container > .pv-gallery-head-command-drop-list.focus{\
display:block;\
}\
/*顶栏里面的按钮样式-结束*/\
.pv-gallery-body {\
display: block;\
height: 100%;\
width: 100%;\
margin: 0;\
padding: 0;\
border: none;\
border-top: 30px solid transparent;\
position: relative;\
background-clip: padding-box;\
z-index:0;\
}\
.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-controler{\
position:absolute;\
top:50%;\
height:60px;\
width:50px;\
margin-top:-30px;\
cursor:pointer;\
opacity:0.3;\
z-index:1;\
}\
.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:hover{\
background-color:rgba(140,140,140,0.5);\
opacity:0.9;\
z-index:2;\
}\
/*滚动条样式--开始*/\
.pv-gallery-scrollbar-h,\
.pv-gallery-scrollbar-v{\
display:none;\
z-index:1;\
position:absolute;\
margin:0;\
padding:0;\
border:none;\
}\
.pv-gallery-scrollbar-h{\
bottom:10px;\
left:0;\
right:0;\
height:10px;\
margin:0 2px;\
}\
.pv-gallery-scrollbar-v{\
top:0;\
bottom:0;\
right:10px;\
width:10px;\
margin:2px 0;\
}\
.pv-gallery-scrollbar-h:hover{\
height:25px;\
bottom:0;\
}\
.pv-gallery-scrollbar-v:hover{\
width:25px;\
}\
.pv-gallery-scrollbar-h:hover,\
.pv-gallery-scrollbar-v:hover{\
background-color:rgba(100,100,100,0.9);\
z-index:2;\
}\
.pv-gallery-scrollbar-h-track,\
.pv-gallery-scrollbar-v-track{\
position:absolute;\
top:0;\
left:0;\
right:0;\
bottom:0;\
background-color:rgba(100,100,100,0.3);\
border:2px solid transparent;\
}\
.pv-gallery-scrollbar-h-handle,\
.pv-gallery-scrollbar-v-handle{\
position:absolute;\
background-color:rgba(0,0,0,0.5);\
}\
.pv-gallery-scrollbar-h-handle{\
height:100%;\
}\
.pv-gallery-scrollbar-v-handle{\
width:100%;\
}\
.pv-gallery-scrollbar-h-handle:hover,\
.pv-gallery-scrollbar-v-handle:hover{\
background-color:rgba(80,33,33,1);\
border: 2px solid #585757;\
}\
.pv-gallery-scrollbar-h-handle:active,\
.pv-gallery-scrollbar-v-handle:active{\
background-color:rgba(57,26,26,1);\
border: 2px solid #878484;\
}\
/*滚动条样式--结束*/\
.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;\
line-height:0;\
}\
.pv-gallery-img_broken{\
display:none;\
cursor:pointer;\
}\
.pv-gallery-img{\
position:relative;\/*辅助e.layerX,layerY*/\
display:inline-block;\
vertical-align:middle;\
width:auto;\
height:auto;\
padding:0;\
border:5px solid #313131;\
margin:10px;\
opacity:0.6;\
-webkit-transform:scale(1.2);\
-moz-transform:scale(1.2);\
transform:scale(1.2);\
'+
(prefs.gallery.transition ? ('\
-webkit-transition: opacity 0.15s ease-in-out,\
-webkit-transform 0.1s ease-in-out;\
-moz-transition: opacity 0.15s ease-in-out,\
-moz-transform 0.1s ease-in-out;\
transition: opacity 0.15s ease-in-out,\
transform 0.1s ease-in-out;\
') : '') + '\
}\
.pv-gallery-img_zoom-out{\
cursor:'+support.cssCursorValue.zoomOut+';\
}\
.pv-gallery-img_zoom-in{\
cursor:'+support.cssCursorValue.zoomIn+';\
}\
.pv-gallery-sidebar-toggle{\
position:absolute;\
line-height:0;\
text-align:center;\
background-color:rgb(0,0,0);\
color:#757575;\
white-space:nowrap;\
cursor:pointer;\
z-index:1;\
display:none;\
}\
.pv-gallery-sidebar-viewmore{\
position:absolute;\
line-height:0;\
text-align:center;\
background-color:#000000;\
color:#757575;\
white-space:nowrap;\
cursor:pointer;\
z-index:1;\
display:none;\
height: 30px;\
width:30px;\
border-radius: 15px;\
line-height: 2 !important;\
font-family: auto;\
}\
.pv-gallery-maximize-container{\
column-count: 5;\
-moz-column-count: 5;\
-webkit-column-count: 5;\
width: 100%;\
display: block;\
background: black;\
padding-top: 30px;\
}\
.pv-gallery-maximize-container span{\
-moz-page-break-inside: avoid;\
-webkit-column-break-inside: avoid;\
break-inside: avoid;\
float: left;\
margin-bottom: 15px;\
margin-right: 15px;\
overflow: hidden;\
position: relative;\
}\
.pv-gallery-maximize-container img{\
width:100%;\
transition: transform .3s ease 0s;\
transform: scale3d(1, 1, 1);\
cursor: zoom-in;\
}\
.pv-gallery-maximize-container img:hover {\
transform: scale3d(1.1, 1.1, 1.1);\
opacity: .9;\
}\
.pv-gallery-maximize-container span>p{\
position: absolute;\
bottom: 0;\
width: 100%;\
height: 35px;\
max-height: 40%;\
font-size: 18px;\
line-height: 40px;\
text-align: center;\
background: #000;\
color: #fff;\
opacity: 0;\
left: 0;\
user-select: none;\
cursor: pointer;\
word-break: break-all;\
display: inline;\
}\
.pv-gallery-maximize-container span:hover>p{\
opacity: 0.6;\
}\
.pv-gallery-maximize-container span>p:hover{\
color:red;\
font-weight:bold;\
}\
.pv-gallery-maximize-scroll{\
overflow-y: scroll;\
height: 100%;\
width: 100%;\
position: absolute;\
visibility: hidden;\
top: 0;\
left: 0;\
}\
.pv-gallery-sidebar-toggle:hover,.pv-gallery-sidebar-viewmore:hover{\
color:#ccc;\
}\
.pv-gallery-sidebar-toggle-h{\
width:80px;\
margin-left:-40px;\
left:50%;\
}\
.pv-gallery-sidebar-viewmore-h{\
margin-left:-15px;\
left:50%;\
}\
.pv-gallery-sidebar-toggle-v{\
height:80px;\
margin-top:-40px;\
top:50%;\
}\
.pv-gallery-sidebar-viewmore-v{\
height:30px;\
top:6%;\
}\
.pv-gallery-sidebar-toggle-top{\
top:-5px;\
}\
.pv-gallery-sidebar-viewmore-top{\
top:15px;\
}\
.pv-gallery-sidebar-toggle-right,.pv-gallery-sidebar-viewmore-right{\
right:-5px;\
}\
.pv-gallery-sidebar-toggle-bottom{\
bottom:-5px;\
}\
.pv-gallery-sidebar-viewmore-bottom{\
display: block;\
background-color: #000000;\
bottom:12px;\
}\
.pv-gallery-sidebar-viewmore-bottom.showmore{\
background-color: rgb(42, 42, 42);\
}\
.pv-gallery-sidebar-toggle-left,.pv-gallery-sidebar-viewmore-left{\
left:-5px;\
}\
.pv-gallery-sidebar-toggle-content{\
display:inline-block;\
vertical-align:middle;\
white-space:normal;\
word-wrap:break-word;\
overflow-wrap:break-word;\
line-height:1.1;\
font-size:12px;\
text-align:center;\
margin-bottom:8px;\
}\
.pv-gallery-sidebar-viewmore-content{\
display:inline-block;\
vertical-align:middle;\
white-space:normal;\
word-wrap:break-word;\
overflow-wrap:break-word;\
line-height:1.1;\
font-size:16px;\
text-align:center;\
}\
.pv-gallery-sidebar-toggle-content-v,.pv-gallery-sidebar-viewmore-content-v{\
width:1.1em;\
}\
/*侧边栏开始*/\
.pv-gallery-sidebar-container {\
position: absolute;\
background-color:rgb(0,0,0);\
padding:5px;\
border:none;\
margin:none;\
text-align:center;\
line-height:0;\
white-space:nowrap;\
-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: inline-block;\
margin: 0;\
padding: 0;\
border: none;\
background-clip: padding-box;\
vertical-align:middle;\
position:relative;\
text-align:left;\
}\
.pv-gallery-sidebar-content-h {\
height: 100%;\
width: 90%;\
border-left: 40px solid transparent;\
border-right: 40px solid transparent;\
}\
.pv-gallery-sidebar-content-v {\
height: 90%;\
width: 100%;\
border-top: 40px solid transparent;\
border-bottom: 40px solid transparent;\
}\
.pv-gallery-sidebar-controler{\
cursor:pointer;\
position:absolute;\
background:rgba(255,255,255,0.1) no-repeat center;\
}\
.pv-gallery-sidebar-controler:hover{\
background-color:rgba(255,255,255,0.3);\
}\
.pv-gallery-sidebar-controler-pre-h,\
.pv-gallery-sidebar-controler-next-h{\
top:0;\
width:36px;\
height:100%;\
}\
.pv-gallery-sidebar-controler-pre-v,\
.pv-gallery-sidebar-controler-next-v{\
left:0;\
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-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-thumbnails-container {\
display: block;\
overflow: hidden;\
height: 100%;\
width: 100%;\
margin:0;\
border:none;\
padding:0;\
line-height:0;\
position:relative;\
}\
.pv-gallery-sidebar-thumbnails-container span{\
vertical-align:middle;\
}\
.pv-gallery-sidebar-thumbnails-container-h{\
border-left:1px solid #464646;\
border-right:1px solid #464646;\
white-space:nowrap;\
}\
.pv-gallery-sidebar-thumbnails-container-v{\
border-top:1px solid #464646;\
border-bottom:1px solid #464646;\
white-space:normal;\
}\
.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-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;\
white-space:nowrap;\
vertical-align: middle;\
top:0;\
left:0;\
-webkit-transition:all 0.2s ease-in-out;\
transition:all 0.2s ease-in-out;\
}\
.pv-gallery-sidebar-thumbnails-container-h .pv-gallery-sidebar-thumb-container {\
margin:0 2px;\
height:100%;\
}\
.pv-gallery-sidebar-thumbnails-container-v .pv-gallery-sidebar-thumb-container {\
margin:2px 0;\
width:100%;\
}\
.pv-gallery-sidebar-thumbnails_hide-span > .pv-gallery-sidebar-thumb-container {\
display:none;\
}\
.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 {\
top:5px;\
}\
.pv-gallery-sidebar-thumb_selected-right {\
left:-5px;\
}\
.pv-gallery-sidebar-thumb_selected-bottom {\
top:-5px;\
}\
.pv-gallery-sidebar-thumb_selected-left {\
left:5px;\
}\
.pv-gallery-sidebar-thumb-loading{\
position:absolute;\
top:0;\
left:0;\
text-align:center;\
width:100%;\
height:100%;\
display:none;\
opacity:0.6;\
background:black url("'+ prefs.icons.loading + '") no-repeat center ;\
}\
.pv-gallery-sidebar-thumb-loading:hover{\
opacity:0.8;\
}\
.pv-gallery-sidebar-thumb {\
display: inline-block;\
vertical-align: middle;\
max-width: 100% !important;\
max-height: 100% !important;\
height: auto !important;\
width: auto !important;\
}\
.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;\
background-color:red;\
}\
';
var head=document.head;
head.appendChild(style);
this.globalSSheet=style.sheet;
var style2=document.createElement('style');
this.thumbVisibleStyle=style2;
style2.type='text/css';
head.appendChild(style2);
// 让 description 的文字内容溢出用点点点(...)省略号表示
// .pv-gallery-head-left-img-info-description {
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
// width: 27em;
// }
},
};
GalleryC.prototype.Preload.prototype={//预读对象
init:function(){
if(!this.container){//预读的图片都仍里面
var div=document.createElement('div');
div.className='pv-gallery-preloaded-img-container';
div.style.display='none';
document.body.appendChild(div);
GalleryC.prototype.Preload.prototype.container=div;
};
this.max=prefs.gallery.max;
this.nextNumber=0;
this.nextEle=this.ele;
this.preNumber=0;
this.preEle=this.ele;
this.direction='pre';
},
preload:function(){
var ele=this.getPreloadEle();
if(!ele){
return;
};
var self=this;
this.imgReady=imgReady(dataset(ele,'src'),{
loadEnd:function(){
if(self.aborted){
return;
};
dataset(ele,'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 && !dataset(ele,'preloaded')){
return ele;
}else{
return this.getPreloadEle();
};
},
getNext:function(){
this.nextNumber++;
this.direction='next';
if(!this.nextEle)return;
return (this.nextEle = this.oriThis.getThumSpan(false,this.nextEle));
},
getPrevious:function(){
this.preNumber++;
this.direction='pre';
if(!this.preEle)return;
return (this.preEle = this.oriThis.getThumSpan(true,this.preEle));
},
abort:function(){
this.aborted=true;
if(this.imgReady){
this.imgReady.abort();
};
},
};
GalleryC.prototype.Scrollbar.prototype={//滚动条对象
init:function(){
var bar=this.scrollbar.bar;
this.shown=bar.offsetWidth!=0;
var self=this;
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)){
clearTimeout(scrollTimeout);
clearInterval(scrollInterval);
};
};
var scrollInterval;
var scrollTimeout=setTimeout(function(){
scroll();
scrollInterval=setInterval(function(){
scroll();
checkStop();
},120);
checkStop();
},300);
checkStop();
var upHandler=function(){
clearTimeout(scrollTimeout);
clearInterval(scrollInterval);
document.removeEventListener('mouseup',upHandler,true);
};
document.addEventListener('mouseup',upHandler,true);
}break;
};
},true);
},
reset:function(){//判断滚动条该显示还是隐藏
var pro=this.isHorizontal ? ['scrollWidth','clientWidth','width'] : ['scrollHeight','clientHeight','height'];
//如果内容大于容器的content区域
var scrollSize=this.container[pro[0]];
var clientSize=this.container[pro[1]];
var scrollMax=scrollSize - clientSize;
this.scrollMax=scrollMax;
if(scrollMax>0){
this.show();
var trackSize=this.scrollbar.track[pro[1]];
this.trackSize=trackSize;
var handleSize=Math.floor((clientSize/scrollSize) * trackSize);
handleSize=Math.max(20,handleSize);//限制手柄的最小大小;
this.handleSize=handleSize;
this.one=(trackSize-handleSize) / scrollMax;//一个像素对应的滚动条长度
this.scrollbar.handle.style[pro[2]]= handleSize + 'px';
this.scroll(this.getScrolled());
}else{
this.hide();
};
},
show:function(){
if(this.shown)return;
this.shown=true;
this.scrollbar.bar.style.display='block';
},
hide:function(){
if(!this.shown)return;
this.shown=false;
this.scrollbar.bar.style.display='none';
},
scrollBy:function(distance,handleDistance){
return this.scroll(this.getScrolled() + (handleDistance? distance / this.one : distance));
},
scrollByPages:function(num){
this.scroll(this.getScrolled() + (this.container[(this.isHorizontal ? 'clientWidth' : 'clientHeight')] - 10) * num);
},
scroll:function(distance,handleDistance,transition){
if(!this.shown)return;
//滚动实际滚动条
var _distance=distance;
_distance=handleDistance? distance / this.one : distance;
_distance=Math.max(0,_distance);
_distance=Math.min(_distance,this.scrollMax);
var pro=this.isHorizontal? ['left','scrollLeft'] : ['top','scrollTop'];
//滚动虚拟滚动条
//根据比例转换为滚动条上应该滚动的距离。
distance=handleDistance? distance : this.one * distance;
//处理非法值
distance=Math.max(0,distance);//如果值小于0那么取0
distance=Math.min(distance,this.trackSize - this.handleSize);//大于极限值，取极限值
var shs=this.scrollbar.handle.style;
var container=this.container;
if(transition){
clearInterval(this.transitionInterval);
var start=0;
var duration=10;
var cStart=this.getScrolled();
var cChange=_distance-cStart;
var sStart=parseFloat(shs[pro[0]]);
var sChange=distance-sStart;
var transitionInterval=setInterval(function(){
var cEnd=Tween.Cubic.easeInOut(start,cStart,cChange,duration);
var sEnd=Tween.Cubic.easeInOut(start,sStart,sChange,duration);
container[pro[1]]=cEnd;
shs[pro[0]]=sEnd + 'px';
start++;
if(start>=duration){
clearInterval(transitionInterval);
};
},35);
this.transitionInterval=transitionInterval;
return;
};
var noScroll=shs[pro[0]].replace(/(\.\d*)?\s*px/,"")==Math.floor(distance);
shs[pro[0]]=distance + 'px';
container[pro[1]]=_distance;
return noScroll;
},
getScrolled:function(){
return this.container[(this.isHorizontal ? 'scrollLeft' : 'scrollTop')];
},
};
//放大镜
function MagnifierC(img,data){
this.img=img;
this.data=data;
this.init();
};
MagnifierC.all=[];
MagnifierC.styleZIndex=900000000;//全局z-index;
MagnifierC.prototype={
init:function(){
MagnifierC.zoomRange=prefs.magnifier.wheelZoom.range.slice(0).sort((a, b)=>{return a - b});
MagnifierC.zoomRangeR=MagnifierC.zoomRange.slice(0).reverse();//降序
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=getContentClientRect(this.data.img);
var wScrolled=getScrolled();
var imgRange={//图片所在范围
x:[imgPos.left + wScrolled.x , imgPos.right + wScrolled.x],
y:[imgPos.top + wScrolled.y, imgPos.bottom + wScrolled.y],
};
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;
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);
this._clickOut=this.clickOut.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);
document.addEventListener('mouseup',this._clickOut,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.head.appendChild(style);
},
clickOut:function(){
if(!this.magnifier.classList.contains("pv-magnifier-container_focus")){
this.remove();
}
},
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';
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, data){
this.loaded=false;
this.img=img;
this.src=data?data.src:img.src;
this.data = data;
this.init();
if(data){
this.img.src = location.protocol == "https"?data.src.replace(/^http:/,"https:"):data.src;
}
};
ImgWindowC.all=[];//所有的窗口对象
ImgWindowC.styleZIndex=2147483647;//全局z-index;
ImgWindowC.overlayer=null;
ImgWindowC.prototype={
init:function(){
ImgWindowC.zoomRange=prefs.imgWindow.zoom.range.slice(0).sort((a, b)=>{return a - b});
ImgWindowC.zoomRangeR=ImgWindowC.zoomRange.slice(0).reverse();//降序
var self=this;
if(uniqueImgWin && !uniqueImgWin.removed){
uniqueImgWin.remove();
}
//图片是否已经被打开
if(ImgWindowC.all._find(function(iwin){
if(iwin.src==self.src){
iwin.firstOpen();
return true;
};
}))return;
this.addStyle();
var img=this.img;
img.className='pv-pic-window-pic pv-pic-ignored';
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;\
opacity:0\
';
container.className='pv-pic-window-container';
container.innerHTML=createHTML(
'<span class="pv-pic-window-rotate-indicator">'+
'<span class="pv-pic-window-rotate-indicator-pointer"></span>'+
'</span>'+
'<span class="pv-pic-window-rotate-overlayer"></span>'+
'<span class="pv-pic-window-toolbar" unselectable="on">'+
'<span class="pv-pic-window-tb-hand pv-pic-window-tb-tool" title="'+i18n("hand")+'"></span>'+
'<span class="pv-pic-window-tb-tool-badge-container pv-pic-window-tb-tool-extend-menu-container">'+
'<span class="pv-pic-window-tb-rotate pv-pic-window-tb-tool" title="'+i18n("rotate")+'"></span>'+
'<span class="pv-pic-window-tb-tool-badge">0</span>'+
'<span class="pv-pic-window-tb-tool-extend-menu pv-pic-window-tb-tool-extend-menu-rotate">'+
'<span class="pv-pic-window-tb-tool-extend-menu-item" title="+90"><svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4332"><path d="M435.2 362.666667l179.2-179.2L435.2 0 375.466667 59.733333l76.8 76.8H341.333333c-119.466667 0-213.333333 93.866667-213.333333 213.333334v170.666666h85.333333v-170.666666c0-72.533333 55.466667-128 128-128h115.2L375.466667 302.933333l59.733333 59.733334zM853.333333 384H426.666667c-25.6 0-42.666667 17.066667-42.666667 42.666667v426.666666c0 25.6 17.066667 42.666667 42.666667 42.666667h426.666666c25.6 0 42.666667-17.066667 42.666667-42.666667V426.666667c0-25.6-17.066667-42.666667-42.666667-42.666667z m-42.666666 426.666667h-341.333334v-341.333334h341.333334v341.333334z" p-id="4333"></path></svg></span>'+
'<span class="pv-pic-window-tb-tool-extend-menu-item" title="-90"><svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4595"><path d="M682.666667 136.533333h-115.2l76.8-76.8L588.8 0 405.333333 179.2l179.2 179.2L644.266667 298.666667l-76.8-76.8H682.666667c72.533333 0 128 55.466667 128 128v170.666666h85.333333v-170.666666c0-115.2-93.866667-213.333333-213.333333-213.333334zM597.333333 384H170.666667c-25.6 0-42.666667 17.066667-42.666667 42.666667v426.666666c0 25.6 17.066667 42.666667 42.666667 42.666667h426.666666c25.6 0 42.666667-17.066667 42.666667-42.666667V426.666667c0-25.6-17.066667-42.666667-42.666667-42.666667z m-42.666666 426.666667H213.333333v-341.333334h341.333334v341.333334z" p-id="4596"></path></svg></span>'+
'<span class="pv-pic-window-tb-tool-extend-menu-item" title="0"><svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3716"><path d="M867.89 574.16a30.73 30.73 0 0 0-37.52 21.92c-38 144.83-169.31 246-319.25 246a330.71 330.71 0 0 1-306.27-206.82h60.29l-92.78-123.5-91.82 123.5h58.88q1.23 3.72 2.53 7.4A391.65 391.65 0 0 0 511.12 903.5c177.86 0 333.58-120 378.69-291.82a30.73 30.73 0 0 0-21.92-37.52zM153.88 452.57a30.69 30.69 0 0 0 37.35-22.2A329.68 329.68 0 0 1 511.12 182c136.8 0 256.58 82 306.4 207h-60.66l92.78 123.5L941.46 389h-58.58a391.63 391.63 0 0 0-751.2 26.24 30.73 30.73 0 0 0 22.2 37.33z" p-id="3717"></path></svg></span>'+
'</span>'+
'</span>'+
'<span class="pv-pic-window-tb-tool-badge-container pv-pic-window-tb-tool-extend-menu-container">'+
'<span class="pv-pic-window-tb-zoom pv-pic-window-tb-tool" title="'+i18n("scale")+'"></span>'+
'<span class="pv-pic-window-tb-tool-badge">0</span>'+
'<span class="pv-pic-window-tb-tool-extend-menu pv-pic-window-tb-tool-extend-menu-zoom">'+
'<span id="pv-pic-zoom-in" class="pv-pic-window-tb-tool-extend-menu-item" title="+0.1"><svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3134"><path d="M754.2 151.5h-89.5v42.7h89.5c59.5 0 108 48.4 108 108v67.6h42.7v-67.6c0-83.1-67.6-150.7-150.7-150.7zM862.2 737.3c0 59.5-48.4 108-108 108h-89.5V888h89.5c83.1 0 150.7-67.6 150.7-150.7v-67.6h-42.7v67.6zM166.3 737.8v-67.6h-42.7v67.6c0 83.1 67.6 150.7 150.7 150.7h89.5v-42.7h-89.5c-59.5 0-108-48.4-108-108zM416.3 261.8h-42.8v126H247.6v42.7h125.9V556h42.8V430.5h125.4v-42.7H416.3zM773.6 789.4l30.2-30.2-190.1-190.6c32.7-44.8 52-99.9 52-159.5 0-149.7-121.6-271.3-271.3-271.3-149.3 0-271.3 121.6-271.3 271.3 0 149.3 121.5 271.3 271.3 271.3 74.5 0 142.3-30.3 191.4-79.3l187.8 188.3zM394.4 637.7c-126 0-228.6-102.5-228.6-228.6s102.5-228.6 228.6-228.6S623 283.1 623 409.2 520.5 637.7 394.4 637.7z" p-id="3135"></path></svg></span>'+
'<span id="pv-pic-zoom-out" class="pv-pic-window-tb-tool-extend-menu-item" title="-0.1"><svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2674"><path d="M754.2 151.5h-89.5v42.7h89.5c59.5 0 108 48.4 108 108v67.6h42.7v-67.6c0-83.1-67.6-150.7-150.7-150.7zM862.2 737.3c0 59.5-48.4 108-108 108h-89.5V888h89.5c83.1 0 150.7-67.6 150.7-150.7v-67.6h-42.7v67.6zM166.3 737.8v-67.6h-42.7v67.6c0 83.1 67.6 150.7 150.7 150.7h89.5v-42.7h-89.5c-59.5 0-108-48.4-108-108zM247.6 387.8h294.2v42.7H247.6zM773.6 789.4l30.2-30.2-190.1-190.6c32.7-44.8 52-99.9 52-159.5 0-149.7-121.6-271.3-271.3-271.3-149.3 0-271.3 121.6-271.3 271.3 0 149.3 121.6 271.3 271.3 271.3 74.5 0 142.3-30.3 191.4-79.3l187.8 188.3zM394.4 637.7c-126 0-228.6-102.5-228.6-228.6s102.5-228.6 228.6-228.6S623 283.1 623 409.2 520.5 637.7 394.4 637.7z" p-id="2675"></path></svg></span>'+
'<span class="pv-pic-window-tb-tool-extend-menu-item" title="1"><svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3716"><path d="M867.89 574.16a30.73 30.73 0 0 0-37.52 21.92c-38 144.83-169.31 246-319.25 246a330.71 330.71 0 0 1-306.27-206.82h60.29l-92.78-123.5-91.82 123.5h58.88q1.23 3.72 2.53 7.4A391.65 391.65 0 0 0 511.12 903.5c177.86 0 333.58-120 378.69-291.82a30.73 30.73 0 0 0-21.92-37.52zM153.88 452.57a30.69 30.69 0 0 0 37.35-22.2A329.68 329.68 0 0 1 511.12 182c136.8 0 256.58 82 306.4 207h-60.66l92.78 123.5L941.46 389h-58.58a391.63 391.63 0 0 0-751.2 26.24 30.73 30.73 0 0 0 22.2 37.33z" p-id="3717"></path></svg></span>'+
'</span>'+
'</span>'+
'<span class="pv-pic-window-tb-flip-horizontal pv-pic-window-tb-command" title="'+i18n("horizontalFlip")+'"></span>'+
'<span class="pv-pic-window-tb-flip-vertical pv-pic-window-tb-command" title="'+i18n("verticalFlip")+'"></span>'+
'</span>'+
'<span class="pv-pic-window-close"></span>' +
//'<span class="pv-pic-window-search" title="'+i18n("similarImage")+'"></span>' +
'<span class="pv-pic-window-range"></span>' +
'<span class="pv-pic-window-description"></span>'+
'<span class="pv-pic-search-state"></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;
//关闭
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 searchButton=container.querySelector('.pv-pic-window-search');
//searchButton.style.cssText='top: -24px;right: 50px;';
//this.searchButton=searchButton;
var srcs, from;
img.onerror=function(e){
//setSearchState(i18n("loadNextSimilar"),img.parentNode);
console.info(img.src+" "+i18n("loadError"));
if(self.removed || !self.data)return;
var src;
if(self.data.srcs)
src=self.data.srcs.shift();
if(src)img.src=src;
else{
if(img.src!=self.data.imgSrc)
img.src=self.data.imgSrc;
return;
if(from<searchSort.length){
from++;
searchImgByImg(self.img.src, self.img.parentNode, function(srcs, index){
from=index;
self.data.srcs=srcs;
self.img.src=srcs.shift();
},null,null,from);
}else{
setSearchState(i18n("findNoPic"),img.parentNode);
setTimeout(function(){
setSearchState("",img.parentNode);
},2000);
}
}
};
img.onload=function(e){
self.loaded=true;
if(img.naturalHeight ==1 && img.naturalWidth ==1){
self.remove();
return;
}
//self.imgWindow.classList.remove("pv-pic-window-transition-all");
self.imgWindow.style.display="";
setSearchState("",img.parentNode);
self.imgNaturalSize={
h:img.naturalHeight,
w:img.naturalWidth,
};
if(self.imgWindow.style.overflow!="scroll"){
self.zoomLevel=0;
self.zoom(1);
}
if(prefs.imgWindow.fitToScreen)
self.fitToScreen();
self.center(true,true);
self.imgWindow.style.opacity=1;
self.keepScreenInside();
var wSize=getWindowSize();
wSize.h -= 16;
wSize.w -= 16;
self.isLongImg=self.imgNaturalSize.h >= wSize.h && self.imgNaturalSize.h/self.imgNaturalSize.w > 3.5;
}
/*searchButton.addEventListener('click',function(e){
sortSearch();
searchImgByImg(self.img.src, self.img.parentNode, function(srcs, index){
from=index;
self.srcs=srcs;
self.img.src=srcs.shift();
});
},false);*/
/**
* 说明
* 1、对原来的适应屏幕等功能会有影响，暂时禁用。
* 2、分为 absolute 和默认的2种情况
*/
if (this.data) {
var descriptionSpan = container.querySelector('.pv-pic-window-description');
// descriptionSpan.style.cssText = '\
// bottom: -40px;\
// left: 10px;\
// ';
descriptionSpan.textContent = this.data.description || '';
// descriptionSpan.style.display = this.data.description ? 'block' : 'none';
descriptionSpan.style.display = 'none';
this.descriptionSpan = descriptionSpan;
}
var toolbar=container.querySelector('.pv-pic-window-toolbar');
toolbar.style.cssText='\
top: 0px;\
left: -45px;\
';
this.toolbar=toolbar;
this.selectedToolClass='pv-pic-window-tb-tool-selected';
this.viewRange=container.querySelector('.pv-pic-window-range');
this.rotateIndicator=container.querySelector('.pv-pic-window-rotate-indicator');
this.rotateIPointer=container.querySelector('.pv-pic-window-rotate-indicator-pointer');
this.rotateOverlayer=container.querySelector('.pv-pic-window-rotate-overlayer');
this.hKeyUp=true;
this.rKeyUp=true;
this.zKeyUp=true;
this.spaceKeyUp=true;
this.ctrlKeyUp=true;
this.altKeyUp=true;
this.shiftKeyUp=true;
this.moving=false;
//缩放工具的扩展菜单
container.querySelector('.pv-pic-window-tb-tool-extend-menu-zoom').addEventListener('click',function(e){
var target=e.target;
var text=target.title;
var value;
switch(text){
case '1':{
value=1;
}break;
case '+0.1':{
value=self.zoomLevel + 0.1;
}break;
case '-0.1':{
value=self.zoomLevel - 0.1;
}break;
};
if(typeof value!='undefined'){
self.zoom(value,{x:0,y:0});
};
},true);
//旋转工具的扩展菜单
container.querySelector('.pv-pic-window-tb-tool-extend-menu-rotate').addEventListener('click',function(e){
var target=e.target;
var text=target.title;
var value;
function convert(deg){
return deg * Math.PI/180;
};
switch(text){
case '0':{
value=0;
}break;
case '+90':{
value=self.rotatedRadians + convert(90);
}break;
case '-90':{
value=self.rotatedRadians - convert(90);
}break;
};
var PI=Math.PI;
if(typeof value!='undefined'){
if(value>=2*PI){
value-=2*PI;
}else if(value<0){
value+=2*PI;
};
self.rotate(value,true);
};
},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('touchstart',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=ImgWindowC.overlayer;
if(!overlayer){
var overlayer=document.createElement('span');
ImgWindowC.overlayer=overlayer;
overlayer.className='pv-pic-window-overlayer';
document.body.appendChild(overlayer);
overlayer.style.backgroundColor=prefs.imgWindow.overlayer.color;
};
overlayer.style.display='block';
};
//是否点击图片外部关闭
if(prefs.imgWindow.overlayer.shown && prefs.imgWindow.close.clickOutside){
var clickOutside=function(e){
var target=e.target;
if(!container.contains(target)){
self.remove();
};
};
this.clickOutside=clickOutside;
document.addEventListener(prefs.imgWindow.close.clickOutside,clickOutside,true);
};
//是否双击图片本身关闭
if(prefs.imgWindow.close.dblClickImgWindow){
var dblClickImgWindow=function(e){
var target=e.target;
if(target==container || target==img || target==self.rotateOverlayer){
self.remove();
};
};
container.addEventListener('dblclick',dblClickImgWindow,true);
};
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();
this.imgWindow.style.opacity=1;
},
changeData:function(result){
if(this.src != result.src){
//this.imgWindow.classList.add("pv-pic-window-transition-all");
this.loaded = false;
this.data = result;
this.src = result.src;
this.img.src = location.protocol == "https"?result.src.replace(/^https?:/,""):result.src;
}
},
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;\
border-radius: 1px;\
line-height: 0;\
text-align: left;\
box-sizing: content-box;\
-webkit-transition: opacity 0.1s ease-out;\
transition: opacity 0.1s ease-out;\
overscroll-behavior: none;\
}\
.pv-pic-window-transition-all{\
-webkit-transition: all 0.3s ease-out;\
transition: all 0.3s ease-out;\
}\
.pv-pic-window-container_focus {\
box-shadow: 0 0 10px rgba(0,0,0,0.6);\
box-sizing: content-box;\
}\
.pv-pic-window-close,\
.pv-pic-window-search,\
.pv-pic-window-toolbar,\
.pv-pic-window-tb-tool-extend-menu{\
-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;\
-o-user-select: none;\
-webkit-user-select: none;\
-moz-user-select: -moz-none;\
user-select: none;\
}\
.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-search {\
cursor: pointer;\
position: absolute;\
right: 50px;\
top: -24px;\
background: url("'+prefs.icons.searchBtn+'") 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-search:hover {\
background-color:red;\
opacity: 1;\
}\
.pv-pic-window-search_focus {\
display: block;\
}\
.pv-pic-window-description {\
margin-top: 20px;\
min-height: 20px;\
}\
.pv-pic-search-state {\
top: 10px;\
left: 10px;\
display: block;\
position: absolute;\
z-index: 1;\
color: #ffff00;\
width: 500px;\
font-size: large;\
text-shadow: 1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000;\
-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;\
-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;\
}\
.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;\
border:none;\
vertical-align:middle;\
}\
.pv-pic-window-pic_focus {\
box-shadow: 0 0 6px black;\
}\
.pv-pic-window-tb-tool,\
.pv-pic-window-tb-command{\
box-sizing:content-box;\
-moz-box-sizing:content-box;\
-webkit-box-sizing:content-box;\
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-tb-tool-extend-menu{\
position:absolute;\
top:0;\
margin-left:-1px;\
background-color:#535353;\
display:none;\
left:40px;\
color:#C3C3C3;\
font-size:12px;\
text-shadow:0px -1px 0px black;\
opacity:0.7;\
}\
.pv-pic-window-tb-tool-extend-menu:hover{\
opacity:0.9;\
}\
.pv-pic-window-tb-tool-extend-menu-item{\
display:block;\
line-height:1.5;\
text-align:center;\
padding:10px;\
cursor:pointer;\
border: none;\
border-right: 2px solid transparent;\
border-bottom: 1px solid #868686;\
font-size: 20px;\
}\
.pv-pic-window-tb-tool-extend-menu-item>svg{\
pointer-events: none;\
}\
.pv-pic-window-tb-tool-extend-menu-item:last-child{\
border-bottom: none;\
}\
.pv-pic-window-tb-tool-extend-menu-item:hover{\
border-right:2px solid red;\
}\
.pv-pic-window-tb-tool-extend-menu-item:active{\
padding:11px 9px 9px 11px;\
}\
.pv-pic-window-tb-tool-extend-menu-container:hover .pv-pic-window-tb-tool{\
border-left:2px solid red;\
}\
.pv-pic-window-tb-tool-extend-menu-container:hover .pv-pic-window-tb-tool-extend-menu{\
display:block;\
}\
.pv-pic-window-tb-tool-extend-menu-container::after{\
content:"";\
position:absolute;\
right:1px;\
bottom:2px;\
width:0;\
height:0;\
padding:0;\
margin:0;\
border:3px solid #C3C3C3;\
border-top-color:transparent;\
border-left-color:transparent;\
opacity:0.5;\
}\
.pv-pic-window-overlayer{\
height:100%;\
width:100%;\
position:fixed;\
z-index:999999999;\
top:0;\
left:0;\
}\
.pv-pic-window-rotate-indicator{\
display:none;\
position:fixed;\
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;\
transform:rotate(0.1deg);\
}\
.pv-pic-window-rotate-overlayer{/*当切换到旋转工具的时候显示这个覆盖层，然后旋转指示器显示在这个覆盖层的下面*/\
position:absolute;\
top:0;\
bottom:0;\
left:0;\
right:0;\
display:none;\
background-color:transparent;\
}\
.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);\
}\
.pv-pic-window-container::-webkit-scrollbar { width: 0 !important }\
.pv-pic-window-container { -ms-overflow-style: none;overflow: -moz-scrollbars-none; }\
';
document.head.appendChild(style);
},
firstOpen:function(){
ImgWindowC.selectedTool='hand';
this.focus();
var imgWindow=this.imgWindow;
var scrolled=getScrolled();
imgWindow.style.left=-5 + scrolled.x + 'px';
imgWindow.style.top=-5 + scrolled.y + 'px';
//window的尺寸
var wSize=getWindowSize();
//空隙
wSize.h -= 16;
wSize.w -= 16;
var imgWindowCS=unsafeWindow.getComputedStyle(imgWindow);
var rectSize={
h:parseFloat(imgWindowCS.height),
w:parseFloat(imgWindowCS.width),
};
this.isLongImg=rectSize.h > wSize.h && rectSize.h/rectSize.w > 3.5;
if(prefs.imgWindow.suitLongImg && this.isLongImg){
this.center(rectSize.w <= wSize.w,false);
this.imgWindow.style.overflow="scroll";
this.imgWindow.style.height="100%";
this.imgWindow.style.maxWidth="100%";
this.closeButton.style.display="none";
}else if(prefs.imgWindow.fitToScreen){
this.fitToScreen();
this.center(true,true);
}else{
this.center(rectSize.w <= wSize.w , rectSize.h <= wSize.h);
};
this.keepScreenInside();
},
keepScreenInside:function(){//保持按钮在屏幕里面.
var imgWindow=this.imgWindow;
var imgWindowFullSize={
h:imgWindow.offsetHeight,
w:imgWindow.offsetWidth,
};
var windowSize=getWindowSize();
function keepSI(obj,offsetDirection,defaultValue, out){
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;
};
objStyle[oD]=newValue + 'px';
};
};
keepSI(this.closeButton,['top','right'],[-24,0]);
//keepSI(this.searchButton,['top','right'],[-24,50]);
keepSI(this.toolbar,['top','left'],[0,-45]);
// 保持注释在图片里面
// keepSI(this.descriptionSpan,['bottom', 'left'],[-40, 10]);
},
fitToScreen:function(){
var imgWindow=this.imgWindow;
if(!prefs.imgWindow.fitToScreen || imgWindow.style.overflow=="scroll")return;
var wSize=getWindowSize();
//空隙
wSize.h -= 16;
wSize.w -= 16;
var imgWindowCS=unsafeWindow.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;
var scrolled=getScrolled();
if(horizontal)imgWindow.style.left= (wSize.w - imgWindow.offsetWidth)/2 + scrolled.x +'px';
if(vertical)imgWindow.style.top= (wSize.h - imgWindow.offsetHeight)/2 + scrolled.y +'px';
},
move:function(e){
this.working=true;
var cursor=this.cursor;
this.changeCursor('handing');
var mouseCoor={
x:e.pageX || e.touches[0].pageX,
y:e.pageY || e.touches[0].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 || e.touches[0].pageX)-mouseCoor.x +'px';
imgWStyle.top=oriOffset.top + (e.pageY || e.touches[0].pageY)-mouseCoor.y +'px';
self.keepScreenInside();
self.moving=true;
};
var mouseupHandler=function(){
e.preventDefault();
self.changeCursor(cursor);
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.removeEventListener('touchmove',moveHandler,true);
document.removeEventListener('touchend',mouseupHandler,true);
};
document.addEventListener('mousemove',moveHandler,true);
document.addEventListener('mouseup',mouseupHandler,true);
document.addEventListener('touchmove',moveHandler,true);
document.addEventListener('touchend',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=unsafeWindow.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;//旋转图片
self.rotateIPointer.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.imgWindow.shiftRotateStep / (180/Math.PI);//转成弧度
var moveHandler=function(e){
self.rotateIndicator.style.display='block';
var radians=lastRotatedRadians + Math.atan2( e.clientY - origin.y, e.clientX - origin.x );
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;
self.rotateIndicator.style.display='none';
document.removeEventListener('mousemove',moveHandler,true);
document.removeEventListener('mouseup',mouseupHandler,true);
};
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:this.notExponential(imgSize.h* Math.cos(radians) + imgSize.w * Math.sin(radians)),
w:this.notExponential(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=this.notExponential(oriOffset.top + (aImgSize.h-bImgSize.h)*1/2) + 'px';
var left=this.notExponential(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;
},
zoom:function(e,ratio){//e可能是undefined,可能是事件对象，可能是直接的缩放级别数字
var imgWindow=this.imgWindow;
var imgWindowCS=unsafeWindow.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 moveFired=0;
var moveHandler=function(e){
moveFired++
if(moveFired < 2){//有时候点击的时候不小心会触发一发move
return;
};
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);
},
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;
},
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=unsafeWindow.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 scrolled=getScrolled();
var viewRangeCenterCoor={
x:viewRangeRect.left + scrolled.x + 1/2 * rangeSize.w,
y:viewRangeRect.top + scrolled.y + 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);
var scrolled=getScrolled();
imgWindow.style.top= -13 - rectSize.h * ((parseFloat(vRS.top) - moveRange.y[0])/size.h) + scrolled.y +'px';
imgWindow.style.left= -13 - rectSize.w * ((parseFloat(vRS.left) - moveRange.x[0])/size.w) + scrolled.x +'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);
},
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;
},
notExponential:function(num){//不要转为指数形势
if(num>0){
if(num >= 999999999999999934463){
return 999999999999999934463;
}else if(num <= 0.000001){
return 0.000001;
};
}else if(num < 0){
if(num >= -0.000001){
return -0.000001;
}else if(num <= -999999999999999934463){
return -999999999999999934463
};
};
return num;
},
blur:function(e){
if(!this.focused)return;
var imgWindow =this.imgWindow;
//点击imgWinodw的外部的时候失去焦点
if(e!==true && imgWindow.contains(e.target))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.searchButton.classList.remove('pv-pic-window-search_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');
ImgWindowC.selectedTool=this.selectedTool;
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.searchButton.classList.add('pv-pic-window-search_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);
if(prefs.imgWindow.syncSelectedTool && ImgWindowC.selectedTool){
this.selectTool(ImgWindowC.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关闭窗口
if(prefs.imgWindow.close.escKey){
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();
var selectedTool=this.selectedTool;
if(selectedTool == "hand" && prefs.imgWindow.suitLongImg && this.isLongImg){
var inScroll=this.imgWindow.style.overflow=="scroll";
if(e.type == "wheel" && inScroll)
return;
if(e.type == "click" && !this.moving){
var wSize=getWindowSize();
var imgWindow=this.imgWindow;
var scrolled=getScrolled();
var origTop=parseFloat(imgWindow.style.top);
if(inScroll){
imgWindow.style.top = parseFloat(imgWindow.style.top) - getScrolled(imgWindow).y +'px';
}
this.imgWindow.style.height=inScroll?"":"100%";
this.imgWindow.style.maxWidth=inScroll?"":"100%";
this.imgWindow.style.overflow=inScroll?"":"scroll";
this.closeButton.style.display=inScroll?"":"none";
//this.center(true , true);
if(!inScroll){
imgWindow.style.top= (wSize.h - imgWindow.offsetHeight)/2 + scrolled.y +'px';
var scrollTop=parseFloat(imgWindow.style.top)-origTop;
if(this.imgWindow.scrollTop)this.imgWindow.scrollTop = scrollTop;
else if(this.imgWindow.pageYOffset)this.imgWindow.pageYOffset = scrollTop;
else if(this.imgWindow.scrollY)this.imgWindow.scrollY = scrollTop;
}
this.keepScreenInside();
}
}
switch(e.type){
case 'click':{//阻止opera的图片保存
this.moving=false;
if(e.ctrlKey && e.target.nodeName=='IMG'){
e.preventDefault();
}
}break;
case 'mousedown':
case 'touchstart':{
if(!this.focused){//如果没有focus，先focus
this.focus();
this.keepScreenInside();
};
var target=e.target;
if(e.button==2){//由于rotate时候的覆盖层问题，修复右键的图片菜单弹出
if(target!=this.rotateOverlayer)return;
var self=this;
this.rotateOverlayer.style.display='none';
var upHandler=function(){
document.removeEventListener('mouseup',upHandler,true);
setTimeout(function(){
self.rotateOverlayer.style.display='block';
},10);
};
document.addEventListener('mouseup',upHandler,true);
return;
};
if((e.button!=0 && e.type!="touchstart") || (target!=this.imgWindow && target!=this.img && target!=this.rotateOverlayer))return;
e.preventDefault();
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 origin={//旋转原点
x:e.clientX - 30,//稍微偏左一点。
y:e.clientY ,
};
var rIS=this.rotateIndicator.style;
//rIS.display='block';
rIS.top=origin.y + 'px';
rIS.left=origin.x + 'px';
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 scrolled=getScrolled();
var imgWindow=this.imgWindow;
var imgWinodowRect=imgWindow.getBoundingClientRect();
var imgWindowStyle=imgWindow.style;
if(imgWinodowRect.left<40){
imgWindowStyle.left=40 + scrolled.x + 'px';
};
if(imgWinodowRect.top<-5){
imgWindowStyle.top=-5 + scrolled.y +'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){
if(tool=="rotate"){
var PI=Math.PI;
var value=this.rotatedRadians + 90 * PI/180;
if(value>=2*PI){
value-=2*PI;
}
this.rotate(value,true);
}
return;
}
var selectedTool=this.selectedTool;
this.selectedTool=tool;
if(this.tempHand || this.tempZoom){//临时工具中。不变鼠标
return;
};
this.rotateOverlayer.style.display=(tool=='rotate'? 'block' : 'none');//这个覆盖层是为了捕捉双击或者单击事件。
if(selectedTool){
this.toolMap[selectedTool].classList.remove(this.selectedToolClass);
};
this.toolMap[tool].classList.add(this.selectedToolClass);
this.changeCursor(tool);
}else{//命令
this.doFlipCommand(tool);
};
},
changeCursor:function(tool,zoomOut){
if(tool=='zoom'){
tool+=zoomOut? '-out' : '-in';
};
if(this.cursor==tool)return;
this.cursor=tool;
var cursor;
switch(tool){
case 'hand':{
cursor=support.cssCursorValue.grab || 'pointer';
}break;
case 'handing':{
cursor=support.cssCursorValue.grabbing || 'pointer';
}break;
case 'zoom-in':{
cursor=support.cssCursorValue.zoomIn;
}break;
case 'zoom-out':{
cursor=support.cssCursorValue.zoomOut;
}break;
case 'rotate':{
cursor='progress';
}break;
case 'default':{
cursor='';
}break;
};
if(typeof cursor!='undefined'){
this.imgWindow.style.cursor=cursor;
};
},
remove:function(){
if(this.removed)return;
this.removed=true;
//this.imgWindow.classList.remove("pv-pic-window-transition-all");
this.blur(true);
this.imgWindow.style.opacity=0;
let self = this;
setTimeout(function(){
self.img.src= prefs.icons.brokenImg_small;//如果在加载中取消，图片也取消读取。
self.imgWindow.parentNode.removeChild(self.imgWindow);
},300);
var index=ImgWindowC.all.indexOf(this);
ImgWindowC.all.splice(index,1);
//focus next
if(ImgWindowC.all.length==0){
if(ImgWindowC.overlayer){
ImgWindowC.overlayer.style.display='none';
};
}else{
var topmost=0;
ImgWindowC.all.forEach(function(iwin){
if(iwin.zIndex > topmost){
topmost=iwin;
};
});
if(topmost){
topmost.focus();
};
};
},
};
// 载入动画
function LoadingAnimC(data,buttonType,waitImgLoad,openInTopWindow){
this.args=arrayFn.slice.call(arguments,0);
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.className='pv-loading-container';
this.loadingAnim=container;
container.title=i18n("loading")+':' + this.data.src;
let retrySpan=document.createElement('span');
retrySpan.className='pv-loading-button pv-loading-retry';
retrySpan.title='Retry';
container.appendChild(retrySpan);
let cancelSpan=document.createElement('span');
cancelSpan.className='pv-loading-button pv-loading-cancle';
cancelSpan.title='Cancel';
container.appendChild(cancelSpan);
/*container.innerHTML=
'<span class="pv-loading-button pv-loading-retry" title="重试"></span>'+
'<span class="pv-loading-button pv-loading-cancle" title="取消"></span>';*/
if (this.buttonType == 'popup'){
container.style.pointerEvents="none";
}
document.body.appendChild(container);
var self = this;
container.addEventListener('click',function(e){
var tcl=e.target.classList;
if(tcl.contains('pv-loading-cancle')){
self.imgReady.abort();
self.remove();
}else if(tcl.contains('pv-loading-retry')){
self.remove();
new LoadingAnimC(self.args[0],self.args[1],self.args[2],self.args[3]);
};
},true);
this.setPosition();
if (this.buttonType == 'current') {
this.loadImg(this.data.imgSrc);
} else {
if (!this.data.xhr) {
if(this.buttonType == 'search'){
sortSearch();
let from=0;
let searchFun=function(){
searchImgByImg(self.data.imgSrc, null, function(srcs, index){
let src=srcs.shift();
if(index==3){
self.loadImg(src, srcs);
}else{
from=index+1;
self.loadImg(src, srcs, searchFun);
}
},function(e) {
self.error("网络错误");
},function(e) {
self.error("没有找到原图");
}, from);
};
searchFun();
}else{
this.loadImg(this.data.src||this.data.imgSrc, this.data.srcs);
}
} else {
xhrLoad.load({
url: this.data.src,
xhr: this.data.xhr,
cb: function(imgSrc, imgSrcs, caption) {
if (imgSrc) {
self.loadImg(imgSrc, imgSrcs);
} else {
self.error();
}
},
onerror: function() {
self.error();
}
});
}
}
},
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;\
background: black url("'+prefs.icons.loading+'") center no-repeat;\
background-origin: content-box;\
border: none;\
padding: 1px 30px 1px 2px;\
margin: 0;\
opacity: 0.5;\
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-button {\
cursor: pointer;\
height: 24px;\
width: 24px;\
position: absolute;\
right: 0;\
top: 0;\
opacity: 0.4;\
background:transparent center no-repeat;\
-webkit-transition: opacity 0.15s ease-in-out;\
transition: opacity 0.15s ease-in-out;\
}\
.pv-loading-button:hover {\
opacity: 1;\
}\
.pv-loading-cancle{\
background-image: url("'+prefs.icons.loadingCancle+'");\
}\
.pv-loading-retry{\
display:none;\
background-image: url("'+prefs.icons.retry+'");\
}\
.pv-loading-container_error{\
background-image:none;\
}\
.pv-loading-container_error::after{\
content:"'+i18n("loadError")+'";\
line-height: 24px;\
color: red;\
font-size: 14px;\
display:inline;\
}\
.pv-loading-container_error .pv-loading-cancle{\
display:none;\
}\
.pv-loading-container_error .pv-loading-retry{\
display:block;\
}\
';
document.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(msg,img,e){
if(msg)debug(msg);
this.loadingAnim.style.pointerEvents="";
this.loadingAnim.classList.add('pv-loading-container_error');
debug('Picviewer CE+ 载入大图错误：%o', this.data);
var self=this;
setTimeout(function(){
self.remove();
},3000);
},
setPosition:function(){
var position=getContentClientRect(this.data.img);
var cs=this.loadingAnim.style;
var scrolled=getScrolled();
cs.top=position.top + scrolled.y +1 + 'px';
cs.left=position.left + scrolled.x +1 + 'px';
cs.removeProperty('display');
},
// 根据 imgSrc 载入图片，imgSrcs 为备用图片地址，imgSrc 加载失败备用
loadImg: function(imgSrc, imgSrcs, nextFun) {
var self = this;
var img = document.createElement('img');
img.src = imgSrc;
var opts = {
error: function(e) {
if (Array.isArray(imgSrcs)) {
var src = imgSrcs.shift();
if (src) {
self.loadImg(src, imgSrcs, nextFun);
return;
}
}
if(nextFun) nextFun();
else self.error('', this, e);
},
};
opts[self.waitImgLoad ? 'load' : 'ready'] = function(e) {
self.load(this, e);
};
self.imgReady = imgReady(img, opts);
},
load:function(img,e){
this.remove();
this.img=img;
var buttonType=this.buttonType;
if(buttonType=='gallery'){
if(!gallery){
gallery=new GalleryC();
gallery.data=[];
}
var allData=gallery.getAllValidImgs();
allData.target=this.data;
this.data=allData;
};
var self=this;
function openInTop(){
var data=self.data;
//删除不能发送的项。
var delCantClone=function(obj){
if(!obj)return;
delete obj.img;
delete obj.imgPA;
};
if(Array.isArray(data)){
frameSentSuccessData=frameSentData;
frameSentData=cloneObject(data,true);
delCantClone(data.target);
data.forEach(function(obj){
delCantClone(obj);
});
}else{
delCantClone(data);
};
window.postMessage({
messageID:messageID,
src:img.src,
data:data,
command:'open',
buttonType:buttonType,
to:'top',
},'*');
};
if(this.openInTopWindow && isFrame && topWindowValid!==false && buttonType!='magnifier'){
if(topWindowValid){
openInTop();
}else{//先发消息问问顶层窗口是不是非frameset窗口
window.postMessage({
messageID:messageID,
command:'topWindowValid',
to:'top',
},'*');
document.addEventListener('pv-topWindowValid',function(e){
topWindowValid=e.detail;
if(topWindowValid){//如果顶层窗口有效
openInTop();
}else{
self.open();
};
},true);
};
}else{
this.open();
};
},
open:function(){
switch(this.buttonType){
case 'popup':
if(!uniqueImgWin || uniqueImgWin.removed){
uniqueImgWin = new ImgWindowC(this.img, this.data);
//uniqueImgWin.imgWindow.classList.add("pv-pic-window-transition-all");
}
if(uniqueImgWin.src != this.data.src && (!this.data.srcs || !this.data.srcs.includes(uniqueImgWin.src))){
uniqueImgWin.changeData(this.data);
}
uniqueImgWin.blur({target:this.data.img});
if(!uniqueImgWin.loaded){
if(prefs.waitImgLoad){
uniqueImgWin.imgWindow.style.display = "none";
uniqueImgWin.imgWindow.style.opacity = 0;
}else{
uniqueImgWin.center(true,true);
if(centerInterval)clearInterval(centerInterval);
centerInterval=setInterval(function(){
if(!uniqueImgWin || uniqueImgWin.removed || uniqueImgWin.loaded)
clearInterval(centerInterval);
else{
uniqueImgWin.center(true,true);
}
},300);
}
}
uniqueImgWin.imgWindow.style.pointerEvents = "none";
break;
case 'gallery':
if(!gallery){
gallery=new GalleryC();
};
gallery.load(this.data,this.from);
break;
case 'magnifier':
new MagnifierC(this.img,this.data);
break;
case 'actual':;
case 'search':;
case 'current':;
case 'original'://original 是为了兼容以前的规则
if(this.data.src!=this.img.src)this.data.src=this.img.src;
new ImgWindowC(this.img, this.data);
break;
};
},
};
//工具栏
function FloatBarC(){
this.init();
};
FloatBarC.prototype={
init:function(){
this.addStyle();
var container=document.createElement('span');
container.id='pv-float-bar-container';
document.body.appendChild(container);
for(let i=0;i<4;i++){
let spanChild=document.createElement('span');
spanChild.className='pv-float-bar-button';
container.appendChild(spanChild);
}
/*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>'+
'<span class="pv-float-bar-button"></span>';*/
var buttons={
};
this.buttons=buttons;
this.children=container.children;
arrayFn.forEach.call(this.children,function(child,index){
var titleMap={
actual:i18n("actualBtn"),
search:i18n("searchBtn"),
gallery:i18n("galleryBtn"),
current:i18n("currentBtn"),
magnifier:i18n("magnifierBtn"),
};
var buttonName=prefs.floatBar.butonOrder[index];
buttons[buttonName]=child;
child.title=titleMap[buttonName];
child.classList.add('pv-float-bar-button-' + buttonName);
});
this.floatBar=container;
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);
clearTimeout(self.showTimer);
clearTimeout(self.globarOutTimer);
});
this._scrollHandler=this.scrollHandler.bind(this);
},
addStyle:function(){
var style=document.createElement('style');
style.type='text/css';
style.textContent='\
#pv-float-bar-container {\
position: absolute;\
z-index:9999999998;\
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;\
display:none;\
}\
#pv-float-bar-container:hover {\
opacity: 1;\
}\
#pv-float-bar-container .pv-float-bar-button {\
vertical-align:middle;\
cursor: pointer;\
width: 18px;\
height: 18px;\
padding: 0;\
margin:0;\
border: none;\
display: inline-block;\
position: relative;\
box-shadow: 1px 0 3px 0px rgba(0,0,0,0.9);\
background: transparent center no-repeat;\
background-size:100% 100%;\
background-origin: content-box;\
-webkit-transition: margin-right 0.15s ease-in-out , width 0.15s ease-in-out , height 0.15s ease-in-out ;\
transition: margin-right 0.15s ease-in-out , width 0.15s ease-in-out , height 0.15s ease-in-out ;\
}\
#pv-float-bar-container .pv-float-bar-button:not(:last-child){\
margin-right: -14px;\
}\
#pv-float-bar-container .pv-float-bar-button:first-child {\
z-index: 4;\
}\
#pv-float-bar-container .pv-float-bar-button:nth-child(2) {\
z-index: 3;\
}\
#pv-float-bar-container .pv-float-bar-button:nth-child(3) {\
z-index: 2;\
}\
#pv-float-bar-container .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:not(:last-child) {\
margin-right: 4px;\
}\
#pv-float-bar-container .pv-float-bar-button-actual {\
background-image:url("'+ prefs.icons.actual +'");\
}\
#pv-float-bar-container .pv-float-bar-button-search {\
background-image:url("'+ prefs.icons.search +'");\
}\
#pv-float-bar-container .pv-float-bar-button-gallery {\
background-image:url("'+ prefs.icons.gallery +'");\
}\
#pv-float-bar-container .pv-float-bar-button-current {\
background-image:url("'+ prefs.icons.current +'");\
}\
#pv-float-bar-container .pv-float-bar-button-magnifier {\
background-image:url("'+ prefs.icons.magnifier +'");\
}\
';
document.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;
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);
},150);
clearTimeout(this.showTimer);
this.showTimer=setTimeout(function(){
self.data=data;
self.show();
},prefs.floatBar.showDelay);
},
setButton:function(){
if(this.data.noActual){
this.buttons['actual'].style.display='none';
}else{
this.buttons['actual'].style.removeProperty('display');
}
if(this.data.type != "force" && this.data.img.nodeName == 'IMG'){
this.buttons['magnifier'].style.removeProperty('display');
}else{
this.buttons['magnifier'].style.display='none';
}
if (this.data.img.nodeName != 'IMG') {
//this.buttons['gallery'].style.display = 'none';
//this.buttons['current'].style.display = 'none';
} else {
//this.buttons['gallery'].style.removeProperty('display');
//this.buttons['current'].style.removeProperty('display');
}
},
setPosition:function(){
//如果图片被删除了，或者隐藏了。
if(this.data.img.offsetWidth==0){
return true;
};
var targetPosi=getContentClientRect(this.data.img);
var windowSize=getWindowSize();
var img=this.data.img;
var floatBarPosi=prefs.floatBar.position.toLowerCase().split(/\s+/);
var offsetX=prefs.floatBar.offset.x;
var offsetY=prefs.floatBar.offset.y;
var scrolled=getScrolled();
var fbs=this.floatBar.style;
var setPosition={
top:function(){
fbs.opacity="";
var top=targetPosi.top + scrolled.y;
if(targetPosi.top + offsetY < 0){//满足图标被遮住的条件.
top=scrolled.y;
offsetY=0;
}
top=top + offsetY;
if(targetPosi.height<=50)top-=10;
fbs.top=top + 'px';
},
right:function(){
fbs.opacity="";
var right=windowSize.w - targetPosi.right;
if(right < offsetX){
right= -scrolled.x;
offsetX=0;
}else{
right -=scrolled.x;
}
right=right - offsetX;
if(targetPosi.width<=50)right+=10;
fbs.right=right + 'px';
},
bottom:function(){
fbs.opacity="";
var bottom=windowSize.h - targetPosi.bottom;
if(bottom <= offsetY){
bottom=-scrolled.y;
offsetY=0;
}else{
bottom -= scrolled.y;
}
bottom=bottom - offsetY;
if(targetPosi.height<=50)bottom+=10;
fbs.bottom=bottom + 'px';
},
left:function(){
fbs.opacity="";
var left=targetPosi.left + scrolled.x;
if(targetPosi.left + offsetX < 0){
left=scrolled.x;
offsetX=0;
}
left=left + offsetX;
if(targetPosi.width<=50)left-=10;
fbs.left=left + 'px';
},
center:function(){
fbs.opacity="";
var left=targetPosi.left + scrolled.x + offsetX;
fbs.left=left + img.width/2 + 'px';
},
hide:function(){
fbs.opacity=0;
},
};
setPosition[floatBarPosi[0]]();
if(floatBarPosi.length>1)
setPosition[floatBarPosi[1]]();
},
show:function(){
if(this.setPosition())return;
this.shown=true;
this.setButton();
this.floatBar.style.display='block';
clearTimeout(this.hideTimer);
window.removeEventListener('scroll',this._scrollHandler,true);
window.addEventListener('scroll',this._scrollHandler,true);
},
hide:function(){
clearTimeout(this.showTimer);
this.shown=false;
this.floatBar.style.display='none';
window.removeEventListener('scroll',this._scrollHandler,true);
},
scrollHandler:function(){//更新坐标
clearTimeout(this.scrollUpdateTimer);
var self=this;
this.scrollUpdateTimer=setTimeout(function(){
self.setPosition();
},100);
},
open:function(e,buttonType){
var waitImgLoad = e && e.ctrlKey ? !prefs.waitImgLoad : prefs.waitImgLoad; //按住ctrl取反向值
var openInTopWindow = e && 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);
},
update:function(img,src){
if(this.data.img==img && this.data.imgSrc!=src){
this.data.src=src;
this.data.noActual=false;
this.data.type="rule";
if(this.shown){
this.setButton();
}
}
}
};
/**
* 提取自 Mouseover Popup Image Viewer 脚本，用于 xhr 方式的获取
*/
var xhrLoad = function() {
var _ = {};
var caches = {};
var handleError;
/**
* @param q 图片的选择器或函数
* @param c 图片说明的选择器或函数
*/
function parsePage(url, q, c, post, cb) {
downloadPage(url, post, function(html) {
var iurl, iurls = [], cap, doc = createDoc(html);
if(typeof q == 'function') {
iurl = q(html, doc);
} else {
var inodes = findNodes(q, doc);
inodes.forEach(function(node) {
iurls.push(findFile(node, url));
});
iurl = iurls.shift();
}
if(typeof c == 'function') {
cap = c(html, doc);
} else {
var cnodes = findNodes(c, doc);
cap = cnodes.length ? findCaption(cnode[0]) : false;
}
// 缓存
if (iurl) {
caches[url] = {
iurl: iurl,
iurls: iurls,
cap: cap
};
}
cb(iurl, iurls, cap);
});
}
function downloadPage(url, post, cb) {
var opts = {
method: 'GET',
url: url,
onload: function(req) {
try {
if(req.status > 399) throw 'Server error: ' + req.status;
cb(req.responseText, req.finalUrl || url);
} catch(ex) {
handleError(ex);
}
},
onerror: handleError
};
if(post) {
opts.method = 'POST';
opts.data = post;
opts.headers = {'Content-Type':'application/x-www-form-urlencoded','Referer':url};
}
_GM_xmlhttpRequest(opts);
}
function createDoc(text) {
var doc = document.implementation.createHTMLDocument('PicViewerCE');
doc.documentElement.innerHTML = text;
return doc;
}
function findNodes(q, doc) {
var nodes = [],
node;
if (!Array.isArray(q)) q = [q];
for (var i = 0, len = q.length; i < len; i++) {
node = qs(q[i], doc);
if (node) {
nodes.push(node);
}
}
return nodes;
}
function findFile(n, url) {
var path = n.src || n.href;
return path ? path.trim() : false;
}
function findCaption(n) {
return n.getAttribute('content') || n.getAttribute('title') || n.textContent;
}
function qs(s, n) {
return n.querySelector(s);
}
_.load = function(opt) {
var info = caches[opt.url];
if (info) {
opt.cb(info.iurl, info.iruls, info.cap);
return;
}
handleError = opt.onerror || function() {};
parsePage(opt.url, opt.xhr.q, opt.xhr.c, opt.post, opt.cb);
};
return _;
}();
// ------------------- run -------------------------
var matchedRule,
URL=location.href,
floatBar;
function pretreatment(img){
if(img.nodeName != "IMG" || img.src)return;
if(img._lazyrias && img._lazyrias.srcset){
img.src=img._lazyrias.srcset[0];
}else if(img.srcset){
var srcs=img.srcset.split(","),minSize=0,newSrc;
srcs.forEach(srci=>{
let srcInfo=srci.trim().split(" "),curSize=parseInt(srcInfo[1]);
if(srcInfo[1] && (curSize<minSize || minSize==0)){
minSize=curSize;
newsrc=srcInfo[0];
}
});
if(newSrc)img.src=newSrc;
}else if(img.currentSrc){
img.src=img.currentSrc;
}
}
function findPic(img){
var imgPN=img;
var imgPA,imgPE=[];
while(imgPN=imgPN.parentElement){
if(imgPN.nodeName=='A'){
imgPA=imgPN;
break;
}
}
imgPN=img;
while(imgPN=imgPN.parentElement){
if(imgPN.nodeName=='BODY'){
break;
}else{
imgPE.push(imgPN);
}
}
var iPASrc=imgPA? imgPA.href : '';
//base64字符串过长导致正则匹配卡死浏览器
var base64Img=/^data:/i.test(img.src);
var src, // 大图地址
srcs, // 备用的大图地址
type, // 类别
noActual = false, //没有原图
imgSrc = img.currentSrc||img.dataset.lazySrc||img.src, // img 节点的 src
xhr,
description; // 图片的注释
var imgCStyle=unsafeWindow.getComputedStyle(img);
var imgCS={
h: parseFloat(imgCStyle.height)||img.height,
w: parseFloat(imgCStyle.width)||img.width,
};
var imgAS={//实际尺寸。
h:img.naturalHeight||imgCS.h,
w:img.naturalWidth||imgCS.w,
};
if(!src && matchedRule.rules.length>0){// 通过高级规则获取.
// 排除
try{
var newSrc=matchedRule.getImage(img,imgPA,imgPE);
if(newSrc && imgSrc!=newSrc) src=newSrc;
}catch(err){
throwErrorInfo(err);
}
if(src) {
if (Array.isArray(src)) {
srcs = src;
src = srcs.shift();
}
type = 'rule';
xhr = matchedRule.xhr;
if (matchedRule.lazyAttr) { // 由于采用了延迟加载技术，所以图片可能为 loading.gif
imgSrc = img.getAttribute(matchedRule.lazyAttr) || img.src;
}
if (matchedRule.description) {
var node = getElementMix(matchedRule.description, img);
if (node) {
description = node.getAttribute('title') || node.textContent;
}
}
}
}
if(!src && !base64Img){//遍历通配规则
tprules._find(function(rule,index,array){
try{
src=rule.call(img,imgPA);
if(src){
return true;
};
}catch(err){
throwErrorInfo(err);
};
});
if(src)type='tpRule';
}
if(!src && iPASrc){//链接可能是一张图片...
if(iPASrc!=img.src && /\.(jpg|jpeg|png|gif|bmp)(\?[^\?]*)?$/i.test(iPASrc)){
src=iPASrc;
}
if(src)type='scale';
}
if(!src || src==imgSrc){//本图片是否被缩放.
noActual=true;
if(!(imgAS.w==imgCS.w && imgAS.h==imgCS.h)){//如果不是两者完全相等,那么被缩放了.
src=imgSrc;
type='scale';
if (imgAS.h < prefs.gallery.scaleSmallSize && imgAS.w < prefs.gallery.scaleSmallSize) {
type='scaleSmall';
}
}else{
src=imgSrc;
type='force';
}
}
if(!src)return;
if(/^blob/i.test(imgSrc)){
imgSrc=drawTobase64(img);
src=imgSrc;
}
var ret = {
src: src, // 得到的src
srcs: srcs, // 多个 src，失败了会尝试下一个
type: type, // 通过哪种方式得到的
imgSrc: imgSrc, // 处理的图片的src
iPASrc: iPASrc, // 图片的第一个父a元素的链接地址
sizeH:imgAS.h,
sizeW:imgAS.w,
imgCS:imgCS,
imgAS:imgAS,
noActual:noActual,
xhr: xhr,
description: description || '',
img: img, // 处理的图片
imgPA: imgPA, // 图片的第一个父a元素
};
return ret;
}
function getMatchedRule() {
return new MatchedRuleC();
/*var rule = siteInfo._find(function(site, index, array) {
if (site.enabled != false && site.url && toRE(site.url).test(URL)) {
return true;
}
});
rule = rule ? rule[0] : false;
return rule;*/
}
function MatchedRuleC(){
this.init();
}
MatchedRuleC.prototype={
init:function(){
try{
var customRules=unsafeWindow.eval(prefs.customRules);
if(Array.isArray(customRules)){
customRules.forEach(rule=>{
let hasRule = false;
for(let s in siteInfo){
if(siteInfo[s].name == rule.name){
hasRule = true;
for(let si in rule){
siteInfo[s][si]=rule[si];
}
break;
}
}
if(!hasRule)siteInfo.unshift(rule);
})
//siteInfo=customRules.concat(siteInfo);
}
}catch(e){}
var self=this,r=0;
self.rules=[];
function searchByTime(){
setTimeout(()=>{
let end=r+30;
end=end>siteInfo.length?siteInfo.length:end;
for(;r<end;r++){
let site=siteInfo[r];
if (site.enabled != false && (!site.url || toRE(site.url).test(URL))) {
if(site.url){
if(site.css){
var style = document.createElement('style');
style.type = 'text/css';
style.id = 'gm-picviewer-site-style';
style.textContent = site.css;
document.head.appendChild(style);
}
if(site.xhr){
self.xhr=site.xhr;
}
if(site.lazyAttr){
self.lazyAttr=site.lazyAttr;
}
if(site.description){
self.description=site.description;
}
if(site.clickToOpen){
self.clickToOpen=site.clickToOpen;
}
if(site.ext){
self.ext=site.ext;
}
}
self.rules.push(site);
}
}
if(end<siteInfo.length){
searchByTime();
}
},10);
}
searchByTime();
},
replace:function(str, r, s){
var results=[],rt;
if(Array.isArray(s)){
s.forEach(_s=>{
rt=str.replace(r, _s);
if(rt && rt!=str)results.push(rt);
});
}else{
rt=str.replace(r, s);
if(rt && rt!=str)return str.replace(r, s);
}
return results;
},
getImage:function(img, a, p){
var newSrc,rule;
var base64Img=/^data:/i.test(img.src);
for(var i in this.rules){
rule=this.rules[i];
if((!rule.url || !rule.getImage) && base64Img)continue;
if(rule.src && !rule.src.test(img.src))continue;
if(rule.exclude && rule.exclude.test(img.src))continue;
if(rule.getImage){
newSrc = rule.getImage.call(img, a, p);
}else{
if(rule.r){
if(Array.isArray(rule.r)){//r最多一层
for(var j in rule.r){
var _r=rule.r[j];
if(_r && _r.test && _r.test(img.src)){
if(Array.isArray(rule.s)){//s对上r最多两层
var _s=rule.s[j];
newSrc=this.replace(img.src, _r, _s);
}else{
newSrc=this.replace(img.src, _r, rule.s);
}
break;
}
}
}else{
newSrc=this.replace(img.src, rule.r, rule.s);
}
}
}
if(newSrc && newSrc.length>0 && newSrc!=img.src){
debug(rule);
break;
}
}
if(newSrc && newSrc.length==0)newSrc=null;
return newSrc;
}
};
var isFrame=window!=window.parent;
var topWindowValid;
var frameSentData;
var frameSentSuccessData;
function handleMessage(e){
var data=e.data;
if( !data || !data.messageID || data.messageID != messageID )return;
var source=e.source;
if(typeof source=='undefined' || source!==window){
if(!isFrame){
var command=data.command;
switch(command){
case 'open':{
var img=document.createElement('img');
img.src=data.src;
imgReady(img,{
ready:function(){
LoadingAnimC.prototype.open.call({
img:img,
data:data.data,
buttonType:data.buttonType,
from:data.from,
});
},
});
}break;
case 'navigateToImg':{
var cusEvent=document.createEvent('CustomEvent');
cusEvent.initCustomEvent('pv-navigateToImg',false,false,data.exist);
document.dispatchEvent(cusEvent);
}break;
case 'topWindowValid':{
if(data.from)
window.postMessage({
messageID:messageID,
command:'topWindowValid_frame',
valid:document.body.nodeName!='FRAMESET',
to:data.from,
},'*');
}break;
};
}else{
var command=data.command;
switch(command){
case 'navigateToImg':{
if(!frameSentData.unique){
var unique=GalleryC.prototype.unique(frameSentData);
frameSentData=unique.data;
frameSentData.unique=true;
};
var targetImg=frameSentData[data.index].img;
var exist=(document.documentElement.contains(targetImg) && unsafeWindow.getComputedStyle(targetImg).display!='none');
if(exist){
if(gallery && gallery.shown){
gallery.minimize();
};
setTimeout(function(){
GalleryC.prototype.navigateToImg(targetImg);
flashEle(targetImg);
},0);
};
window.postMessage({
messageID:messageID,
command:'navigateToImg',
exist:exist,
to:data.from,
},'*');
}break;
case 'sendFail':{
frameSentData=frameSentSuccessData;
}break;
case 'topWindowValid_frame':{
var cusEvent=document.createEvent('CustomEvent');
cusEvent.initCustomEvent('pv-topWindowValid',false,false,data.valid);
document.dispatchEvent(cusEvent);
}break;
};
};
};
}
//页面脚本用来转发消息
//原因chrome的contentscript无法访问非自己外的别的窗口。都会返回undefined，自然也无法向其他的窗口发送信息,这里用pagescript做个中间代理
//通讯逻辑..A页面的contentscript发送到A页面的pagescript，pagescript转交给B页面的contentscript
var messageID='pv-0.5106795670312598';
function isunsafe(){
try {
return eval("false");
} catch (e) {
return true;
}
}
function addPageScript() {
if(isunsafe())return;
var pageScript=document.createElement('script');
pageScript.id = 'picviewer-page-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,发送出去,或者干嘛。
if(data.to){
data.from=frameID;
frames[data.to].postMessage(data,'*');
}else{
switch(data.command){
case 'getIframeObject':{
var frameWindow=frames[data.windowId];
var iframes=document.getElementsByTagName('iframe');
var iframe;
var targetIframe;
for(var i=iframes.length-1 ; i>=0 ; i--){
iframe=iframes[i];
if(iframe.contentWindow===frameWindow){
targetIframe=iframe;
break;
};
};
var cusEvent=document.createEvent('CustomEvent');
cusEvent.initCustomEvent('pv-getIframeObject',false,false,targetIframe);
document.dispatchEvent(cusEvent);
}break;
};
};
}else{//来自别的窗口的，contentscript可以直接接收，这里保存下来自的窗口的引用
frames[data.from]=source;
};
},true)
};
pageScript.textContent='(' + pageScriptText.toString() + ')('+ JSON.stringify(messageID) +')';
document.head.appendChild(pageScript);
}
function clickToOpen(data){
var preventDefault = matchedRule.clickToOpen.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){
if(e.button!=0)return;
FloatBarC.prototype.open.call({
data:data,
},e,matchedRule.clickToOpen.type);
if(preventDefault){
e.preventDefault();
e.stopPropagation();
return false;
}
};
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();
};
}
var canclePreCTO,uniqueImgWin,centerInterval,removeUniqueWinTimer,globalFuncEnabled=false;
function checkGlobalKeydown(e){
return(!((!e.ctrlKey && prefs.floatBar.globalkeys.ctrl)||
(!e.altKey && prefs.floatBar.globalkeys.alt)||
(!e.shiftKey && prefs.floatBar.globalkeys.shift)||
(!e.metaKey && prefs.floatBar.globalkeys.command)||
(!prefs.floatBar.globalkeys.ctrl && !prefs.floatBar.globalkeys.alt && !prefs.floatBar.globalkeys.shift && !prefs.floatBar.globalkeys.command)));
}
function checkPreview(e){
return (prefs.floatBar.globalkeys.type == "hold" && checkGlobalKeydown(e)) ||
(prefs.floatBar.globalkeys.type == "press" && globalFuncEnabled);
}
//监听 mouseover
function globalMouseoverHandler(e){
if(galleryMode)return;//库模式全屏中......
var target = e.target;
if (!target || target.id=="pv-float-bar-container" ||
(target.className && target.className.indexOf &&
(/^pv\-/.test(target.className) ||
target.classList.contains("ks-imagezoom-lens")))) {
return;
}
if (target.nodeName=="PICTURE"){
target=target.querySelector("img");
}
// 扩展模式，检查前面一个是否为 img
if (target.nodeName != 'IMG' && matchedRule.rules.length>0 && matchedRule.ext) {
var _type = typeof matchedRule.ext;
if (_type == 'string') {
switch (matchedRule.ext) {
case 'previous':
target = target.previousElementSibling || target;
break;
case 'next':
target = target.nextElementSibling || target;
break;
case 'previous-2':
target = (target.previousElementSibling &&
target.previousElementSibling.previousElementSibling) || target;
break;
}
} else if (_type == 'function') {
try {
target = matchedRule.ext(target);
} catch(ex) {
throwErrorInfo(ex);
}
if (!target) return;
}
}
var result, hasBg = node => {
if(node.nodeName == "HTML" || node.nodeName == "#document")
return false;
let nodeStyle = unsafeWindow.getComputedStyle(node);
return node && nodeStyle.backgroundImage && /^\s*url\(/i.test(nodeStyle.backgroundImage) && !/^\s*url\(\s*['"]?\s*about:blank/i.test(nodeStyle.backgroundImage) && parseFloat(nodeStyle.width) > prefs.floatBar.minSizeLimit.w && parseFloat(nodeStyle.height) > prefs.floatBar.minSizeLimit.h;
};
if (target.nodeName != 'IMG'){
if(target.nodeName == "AREA")target=target.parentNode;
var targetBg;
var bgReg=/^\s*url\(\s*["']?(.+?)["']?\s*\)/i;
if(prefs.floatBar.listenBg && hasBg(target)){
targetBg = unsafeWindow.getComputedStyle(target).backgroundImage.replace(bgReg,"$1");
var src=targetBg,nsrc=src,noActual=true,type="scale";
var img={src:src};
result = {
src: nsrc,
type: type,
imgSrc: src,
noActual:noActual,
img: target
};
}else if(target.childNodes.length<=2 && target.querySelectorAll("img").length==1){
target=target.querySelector("img");
}else if(target.parentNode){
if(target.parentNode.nodeName=='IMG'){
target=target.parentNode;
}else if(prefs.floatBar.listenBg && hasBg(target.parentNode)){
target=target.parentNode;
targetBg=unsafeWindow.getComputedStyle(target).backgroundImage.replace(bgReg,"$1");
var src=targetBg,nsrc=src,noActual=true,type="scale";
var img={src:src};
result = {
src: nsrc,
type: type,
imgSrc: src,
noActual:noActual,
img: target
};
}else if(unsafeWindow.getComputedStyle(target).position=="absolute" || target.nodeName == "MAP"){
/*var imgChildren=[],availableImgs = [];
[].forEach.call(target.parentNode.querySelectorAll('img'),function(img){
var imgStyle=unsafeWindow.getComputedStyle(img);
if(imgStyle.display != "none"){
imgChildren.push(img);
if(imgStyle.width > 200 || imgStyle.position != "absolute"){
availableImgs.push(img);
}
}
});
if(imgChildren.length == 1){
target=imgChildren[0];
}else if(availableImgs.length == 1){
target=availableImgs[0];
}else if(imgChildren.length == 0 && unsafeWindow.getComputedStyle(target.parentNode).position=="absolute"){
imgChildren=[];availableImgs = [];
[].forEach.call(target.parentNode.parentNode.querySelectorAll('img'),function(img){
var imgStyle=unsafeWindow.getComputedStyle(img);
if(imgStyle.display != "none"){
imgChildren.push(img);
if(imgStyle.width > 200 || imgStyle.position != "absolute"){
availableImgs.push(img);
}
}
});
if(imgChildren.length == 1){
target=imgChildren[0];
}else if(availableImgs.length == 1){
target=availableImgs[0];
}
}*/
}
}
if(result && !/^data:/i.test(result.src)){
if(matchedRule.rules.length>0 && target.nodeName != 'IMG'){
let src=result.src,img={src:src},type,imgSrc=src;
try{
var newSrc=matchedRule.getImage(img);
if(newSrc && imgSrc!=newSrc) {
src=newSrc;
if (Array.isArray(src)) {
srcs = src;
src = srcs.shift();
}
type = 'rule';
if (matchedRule.description) {
var node = getElementMix(matchedRule.description, img);
if (node) {
description = node.getAttribute('title') || node.textContent;
}
}
result.src=src;
result.type=type;
result.noActual=false;
result.xhr=matchedRule.xhr;
result.description=description || '';
}
}catch(err){}
if(result.type!="rule"){
tprules._find(function(rule,index,array){
try{
src=rule.call(img);
if(src){
return true;
};
}catch(err){
}
});
if(src && src != imgSrc){
result.src=src;
result.type="tpRule";
result.noActual=false;
}
}
}
}
}
var checkUniqueImgWin=function(){
//metaKey altKey shiftKey ctrlKey
if(checkPreview(e)){
if(removeUniqueWinTimer)clearTimeout(removeUniqueWinTimer);
if(uniqueImgWin && !uniqueImgWin.removed) uniqueImgWin.remove();
new LoadingAnimC(result, 'popup', prefs.waitImgLoad, prefs.framesPicOpenInTopWindow);
return true;
}else {
if(uniqueImgWin && !uniqueImgWin.removed)
uniqueImgWin.imgWindow.style.pointerEvents = "auto";
return false;
}
};
if (!result && target.nodeName != 'IMG') {
if(target.nodeName == 'A' && /\.(jpg|png|jpeg|gif|webp)\b/.test(target.href)){
result = {
src: target.href,
type: "",
imgSrc: target.href,
noActual:true,
img: target
};
checkUniqueImgWin();
}else if(target.parentNode.nodeName == 'A' && /\.(jpg|png|jpeg|gif|webp)\b/.test(target.parentNode.href)){
result = {
src: target.parentNode.href,
type: "",
imgSrc: target.parentNode.href,
noActual:true,
img: target.parentNode
};
checkUniqueImgWin();
}
return;
}
if (!result) {
pretreatment(target)
result = findPic(target);
if(!result)return;
if(!(result.imgAS.w==result.imgCS.w && result.imgAS.h==result.imgCS.h)){//如果不是两者完全相等,那么被缩放了.
if(prefs.floatBar.sizeLimitOr){
if(result.imgCS.h <= prefs.floatBar.minSizeLimit.h && result.imgCS.w <= prefs.floatBar.minSizeLimit.w){//最小限定判断.
return;
}
}else{
if(result.imgCS.h <= prefs.floatBar.minSizeLimit.h || result.imgCS.w <= prefs.floatBar.minSizeLimit.w){//最小限定判断.
return;
}
}
}else{
if(prefs.floatBar.sizeLimitOr){
if(result.imgCS.w <= prefs.floatBar.forceShow.size.w && result.imgCS.h <= prefs.floatBar.forceShow.size.h){
return;
}
}else{
if(result.imgCS.w <= prefs.floatBar.forceShow.size.w || result.imgCS.h <= prefs.floatBar.forceShow.size.h){
return;
}
}
}
}
if(result){
debug(result);
if(!result.noActual){
if(!result.srcs){
result.srcs=[result.imgSrc];
}else{
if(result.imgSrc && result.srcs.join(" ").indexOf(result.imgSrc)==-1){
result.srcs.push(result.imgSrc);
}
}
}
if(!floatBar){
floatBar=new FloatBarC();
}
if(result.type=='rule' && matchedRule.clickToOpen && matchedRule.clickToOpen.enabled){
if(canclePreCTO){//取消上次的，防止一次点击打开多张图片
canclePreCTO();
}
canclePreCTO=clickToOpen(result);
}
if(!checkUniqueImgWin() && !e.altKey)
floatBar.start(result);//出现悬浮工具栏
};
}
function isKeyDownEffectiveTarget(target) {
var localName = target.localName;
// 确保光标不是定位在文字输入框或选择框
if (localName == 'textarea' || localName == 'input' || localName == 'select')
return false;
// 视频播放器
if (localName == 'object' || localName == 'embed')
return false;
// 百度贴吧回复输入的问题
if (target.getAttribute('contenteditable') == 'true')
return false;
return true;
}
function openGallery(){
if(!gallery){
gallery=new GalleryC();
gallery.data=[];
}
var allData=gallery.getAllValidImgs();
if(allData.length<1)return true;
gallery.data=allData;
gallery.load(gallery.data);
return gallery;
}
function keydown(event) {
var key = String.fromCharCode(event.keyCode).toLowerCase();
if(checkGlobalKeydown(event)){
if(key==prefs.floatBar.keys['gallery']){
openGallery();
event.stopPropagation();
event.preventDefault();
globalFuncEnabled = !globalFuncEnabled;
}else if(prefs.floatBar.globalkeys.type == "press"){
globalFuncEnabled = !globalFuncEnabled;
}
return true;
}else{
if (event.ctrlKey || event.shiftKey || event.altKey || event.metaKey)
return false;
if (floatBar && floatBar.shown && isKeyDownEffectiveTarget(event.target)) {
Object.keys(prefs.floatBar.keys).some(function(action) {
if (action == 'enable') return;
if (key == prefs.floatBar.keys[action]) {
floatBar.open(null, action);
event.stopPropagation();
event.preventDefault();
return true;
}
})
}
}
}
window.addEventListener('message', handleMessage, true);
addPageScript();
document.addEventListener('mouseover', globalMouseoverHandler, true);
document.addEventListener('mouseout',e=>{
if(uniqueImgWin && !uniqueImgWin.removed){
if(checkPreview(e)){
if(removeUniqueWinTimer)clearTimeout(removeUniqueWinTimer);
removeUniqueWinTimer = setTimeout(()=>{uniqueImgWin.remove()},100);
}else{
//if(e.target.tagName!="IMG")return;
uniqueImgWin.imgWindow.style.pointerEvents = "auto";
uniqueImgWin.focus();
}
}
}, true);
GM_config.init({
id: 'pv-prefs',
title: GM_config.create('a', {
href: 'https://greasyfork.org/scripts/24204-picviewer-ce',
target: '_blank',
textContent: 'Picviewer CE+ '+i18n("config"),
title: i18n("openHomePage")
}),
isTabs: true,
skin: 'tab',
frameStyle: {
width: '480px',
zIndex:'2147483648',
},
css: [
"#pv-prefs input[type='text'] { width: 50px; } ",
"#pv-prefs input[type='number'] { width: 50px; } ",
"#pv-prefs .inline .config_var { margin-left: 6px; }",
"#pv-prefs label.size { width: 205px; }",
"#pv-prefs span.sep-x { margin-left: 0px !important; }",
"#pv-prefs label.sep-x { margin-right: 5px; }",
"#pv-prefs label.floatBar-key { margin-left: 20px; width: 100px; }",
"#pv-prefs input.color { width: 120px; }",
"#pv-prefs input.order { width: 250px; }",
"#pv-prefs .config_header>a { border-bottom: solid 2px; }",
"#pv-prefs .config_header>a:hover { color: #9f9f9f; }",,
].join('\n'),
fields: {
// 浮动工具栏
'floatBar.position': {
label: i18n("position"),
title: i18n("positionTips"),
type: 'select',
options: {
'top left': i18n("topLeft"),
'top right': i18n("topRight"),
'bottom right': i18n("bottomRight"),
'bottom left': i18n("bottomLeft"),
'top center': i18n("topCenter"),
'bottom center': i18n("bottomCenter"),
'hide': i18n("hide")
},
"default": prefs.floatBar.position,
section: [i18n("floatBar")],
},
'floatBar.showDelay': {
label: i18n("showDelay"),
type: 'int',
"default": prefs.floatBar.showDelay,
after: ' '+i18n("ms"),
},
'floatBar.hideDelay': {
label: i18n("hideDelay"),
type: 'int',
className: 'hideDelay',
"default": prefs.floatBar.hideDelay,
after: ' '+i18n("ms")
},
'floatBar.forceShow.size.w': {
label: i18n("forceShow"),
type: 'int',
className: 'size',
"default": prefs.floatBar.forceShow.size.w,
title: i18n("forceShowTip"),
line: 'start',
},
'floatBar.forceShow.size.h': {
label: ' x ',
type: 'int',
className: 'sep-x',
after: ' '+i18n("px"),
"default": prefs.floatBar.forceShow.size.h,
line: 'end',
},
'floatBar.minSizeLimit.w': {
label: i18n("minSizeLimit"),
type: 'int',
className: 'size',
"default": prefs.floatBar.minSizeLimit.w,
title: i18n("minSizeLimitTip"),
line: 'start',
},
'floatBar.minSizeLimit.h': {
label: ' x ',
type: 'int',
className: 'sep-x',
after: ' '+i18n("px"),
"default": prefs.floatBar.minSizeLimit.h,
line: 'end',
},
'floatBar.sizeLimitOr': {
label: i18n("sizeLimitOr"),
type: "checkbox",
"default": false
},
'floatBar.butonOrder': {
label: i18n("butonOrder"),
type: 'text',
className: 'order',
"default": prefs.floatBar.butonOrder.join(', '),
},
'floatBar.listenBg': {
label: i18n("listenBg"),
type: 'checkbox',
"default": prefs.floatBar.listenBg,
title: i18n("listenBgTip")
},
'floatBar.globalkeys.ctrl': {
label: i18n("globalkeys"),
type: 'checkbox',
after: "CTRL"+" +",
"default": true,
line: 'start'
},
'floatBar.globalkeys.alt': {
after: "ALT"+" +",
type: 'checkbox',
className: 'sep-x',
"default": false,
},
'floatBar.globalkeys.shift': {
after: "SHIFT"+" +",
type: 'checkbox',
className: 'sep-x',
"default": false,
},
'floatBar.globalkeys.command': {
after: "COMMAND",
type: 'checkbox',
className: 'sep-x',
"default": false,
line: 'end',
},
'floatBar.globalkeys.type': {
label: i18n("globalkeysType"),
type: 'select',
options: {
'press': i18n("globalkeysPress"),
'hold': i18n("globalkeysHold")
},
"default": prefs.floatBar.globalkeys.type
},
// 按键
'floatBar.keys.enable': {
label: i18n("keysEnable"),
type: 'checkbox',
"default": prefs.floatBar.keys.enable
},
'floatBar.keys.actual': {
label: i18n("keysActual"),
type: 'text',
className: 'floatBar-key',
"default": prefs.floatBar.keys.actual,
title: i18n("keysActualTip")
},
/*'floatBar.keys.search': {
label: i18n("keysSearch"),
type: 'text',
className: 'floatBar-key',
"default": prefs.floatBar.keys.search,
title: i18n("keysSearchTip")
},*/
'floatBar.keys.current': {
label: i18n("keysCurrent"),
type: 'text',
className: 'floatBar-key',
"default": prefs.floatBar.keys.current,
title: i18n("keysCurrentTip")
},
'floatBar.keys.magnifier': {
label: i18n("keysMagnifier"),
type: 'text',
className: 'floatBar-key',
"default": prefs.floatBar.keys.magnifier,
title: i18n("keysMagnifierTip")
},
'floatBar.keys.gallery': {
label: i18n("keysGallery"),
type: 'text',
className: 'floatBar-key',
"default": prefs.floatBar.keys.gallery,
title: i18n("keysGalleryTip")
},
// 放大镜
'magnifier.radius': {
label: i18n("magnifierRadius"),
type: 'int',
"default": prefs.magnifier.radius,
section: [i18n("magnifier")],
after: ' '+i18n("px")
},
'magnifier.wheelZoom.enabled': {
label: i18n("magnifierWheelZoomEnabled"),
type: 'checkbox',
"default": prefs.magnifier.wheelZoom.enabled,
},
'magnifier.wheelZoom.range': {
label: i18n("magnifierWheelZoomRange"),
type: 'textarea',
"default": prefs.magnifier.wheelZoom.range.join(', '),
},
// 图库
'gallery.defaultSizeLimit.w': {
label: i18n("defaultSizeLimit"),
type: 'int',
className: 'size',
section: [i18n("gallery")],
"default": prefs.gallery.defaultSizeLimit.w,
line: 'start',
},
'gallery.defaultSizeLimit.h': {
label: ' x ',
type: 'int',
className: 'sep-x',
after: ' '+i18n("px"),
"default": prefs.gallery.defaultSizeLimit.h,
line: 'end',
},
'gallery.fitToScreen': {
label: i18n("galleryFitToScreen"),
type: 'checkbox',
"default": prefs.gallery.fitToScreen,
title: i18n("galleryFitToScreenTip"),
line: 'start',
},
'gallery.fitToScreenSmall': {
label: i18n("galleryFitToScreenSmall"),
type: 'checkbox',
"default": prefs.gallery.fitToScreenSmall,
line: 'end',
},
'gallery.scrollEndToChange': {
label: i18n("galleryScrollEndToChange"),
type: 'checkbox',
"default": prefs.gallery.scrollEndToChange,
title: i18n("galleryScrollEndToChangeTip")
},
'gallery.exportType': {
label: i18n("galleryExportType"),
type: 'select',
options: {
'grid': i18n("grid"),
'gridBig': i18n("gridBig"),
'list': i18n("list")
},
"default": prefs.gallery.exportType,
},
'gallery.loadMore': {
label: i18n("galleryAutoLoad"),
type: 'checkbox',
"default": prefs.gallery.loadMore
},
'gallery.loadAll': {
label: i18n("galleryLoadAll"),
type: 'checkbox',
"default": prefs.gallery.loadAll,
title: i18n("galleryLoadAllTip")
},
'gallery.viewmoreEndless': {
label: i18n("viewmoreEndless"),
type: 'checkbox',
"default": prefs.gallery.viewmoreEndless
},
'gallery.downloadWithZip': {
label: i18n("galleryDownloadWithZip"),
type: 'checkbox',
"default": prefs.gallery.downloadWithZip
},
'gallery.scaleSmallSize': {
label: i18n("galleryScaleSmallSize1"),
type: 'int',
"default": prefs.gallery.scaleSmallSize,
after: i18n("galleryScaleSmallSize2")
},
'gallery.showSmallSize':{
label: i18n("galleryShowSmallSize"),
type: 'checkbox',
"default": prefs.gallery.showSmallSize
},
'gallery.transition': {
label: i18n("galleryTransition"),
type: 'checkbox',
"default": prefs.gallery.transition
},
'gallery.sidebarPosition': {
label: i18n("gallerySidebarPosition"),
type: 'select',
options: {
'bottom': i18n("bottom"),
'right': i18n("right"),
'left': i18n("left"),
'top': i18n("top")
},
"default": prefs.gallery.sidebarPosition,
line: 'start',
},
'gallery.sidebarSize': {
label: i18n("gallerySidebarSize"),
type: 'int',
"default": prefs.gallery.sidebarSize,
title: i18n("gallerySidebarSizeTip"),
after: ' '+i18n("px"),
line: 'end',
},
'gallery.max': {
label: i18n("galleryMax1"),
type: 'number',
"default": prefs.gallery.max,
after: i18n("galleryMax2")
},
'gallery.autoZoom': {
label: i18n("galleryAutoZoom"),
type: 'checkbox',
"default": prefs.gallery.autoZoom,
title: i18n("galleryAutoZoomTip")
},
'gallery.descriptionLength': {
label: i18n("galleryDescriptionLength1"),
type: 'int',
"default": prefs.gallery.descriptionLength,
after: i18n("galleryDescriptionLength2")
},
'gallery.autoOpenSites': {
label: i18n("galleryAutoOpenSites"),
type: 'textarea',
"default": prefs.gallery.autoOpenSites
},
'gallery.searchData': {
label: i18n("gallerySearchData"),
type: 'textarea',
"default": prefs.gallery.searchData
},
/*'gallery.editSite': {
label: i18n("galleryEditSite"),
type: 'select',
options: {
'Pixlr': 'Pixlr',
'Toolpic': 'Toolpic'
},
"default": prefs.gallery.editSite,
},*/
// 图片窗口
'imgWindow.fitToScreen': {
label: i18n("imgWindowFitToScreen"),
type: 'checkbox',
"default": prefs.imgWindow.fitToScreen,
section: [i18n("imgWindow")],
title: i18n("imgWindowFitToScreenTip"),
},
'imgWindow.suitLongImg': {
label: i18n("suitLongImg"),
type: 'checkbox',
"default": prefs.imgWindow.suitLongImg
},
'imgWindow.close.defaultTool': {
label: i18n("imgWindowDefaultTool"),
type: 'select',
options: {
'hand': i18n("hand"),
'rotate': i18n("rotate"),
'zoom': i18n("zoom"),
},
"default": prefs.imgWindow.close.defaultTool,
},
'imgWindow.close.escKey': {
label: i18n("imgWindowEscKey"),
type: 'checkbox',
"default": prefs.imgWindow.close.escKey,
line: 'start',
},
'imgWindow.close.dblClickImgWindow': {
label: i18n("imgWindowDblClickImgWindow"),
type: 'checkbox',
"default": prefs.imgWindow.close.dblClickImgWindow,
},
'imgWindow.close.clickOutside': {
label: i18n("imgWindowClickOutside"),
type: 'select',
options: {
'': i18n("none"),
'click': i18n("click"),
'dblclick': i18n("dblclick"),
},
"default": prefs.imgWindow.close.clickOutside,
title: i18n("imgWindowClickOutsideTip"),
line: 'end',
},
'imgWindow.overlayer.shown': {
label: i18n("imgWindowOverlayerShown"),
type: 'checkbox',
"default": prefs.imgWindow.overlayer.shown,
line: 'start',
},
'imgWindow.overlayer.color': {
label: i18n("imgWindowOverlayerColor"),
type: 'text',
className: 'color',
"default": prefs.imgWindow.overlayer.color,
line: 'end'
},
'imgWindow.shiftRotateStep': {
label: i18n("imgWindowShiftRotateStep1"),
type: 'int',
"default": prefs.imgWindow.shiftRotateStep,
after: i18n("imgWindowShiftRotateStep2")
},
'imgWindow.zoom.mouseWheelZoom': {
label: i18n("imgWindowMouseWheelZoom"),
type: 'checkbox',
"default": prefs.imgWindow.zoom.mouseWheelZoom,
},
'imgWindow.zoom.range': {
label: i18n("imgWindowZoomRange"),
type: 'textarea',
"default": prefs.imgWindow.zoom.range.join(', '),
title: i18n("imgWindowZoomRangeTip"),
attr: {
"spellcheck": "false"
}
},
// 其它
'waitImgLoad': {
label: i18n("waitImgLoad"),
type: 'checkbox',
"default": prefs.waitImgLoad,
section: [i18n("others")],
title: i18n("waitImgLoadTip")
},
'debug': {
label: i18n("debug"),
type: 'checkbox',
"default": prefs.debug
},
'customRules': {
label: i18n("customRules"),
type: 'textarea',
"default": prefs.customRules
}
/*'firstEngine': {
label: i18n("firstEngine"),
type: 'select',
options: {
"Tineye":"Tineye",
"Google":"Google",
"Baidu":"Baidu"
},
"default": prefs.firstEngine,
},*/
},
events: {
open: function(doc, win, frame) {
let saveBtn=doc.querySelector("#"+this.id+"_saveBtn");
let closeBtn=doc.querySelector("#"+this.id+"_closeBtn");
let resetLink=doc.querySelector("#"+this.id+"_resetLink");
saveBtn.textContent=i18n("saveBtn");
saveBtn.title=i18n("saveBtnTips");
closeBtn.textContent=i18n("closeBtn");
closeBtn.title=i18n("closeBtnTips");
resetLink.textContent=i18n("resetLink");
resetLink.title=i18n("resetLinkTips");
let searchData=doc.getElementById(this.id+"_field_gallery.searchData");
if(searchData && searchData.value==""){
searchData.value=defaultSearchData;
}
},
save: function() {
loadPrefs();
}
}
});
_GM_registerMenuCommand(i18n("openConfig"), openPrefs);
_GM_registerMenuCommand(i18n("openGallery"), openGallery);
loadPrefs();
matchedRule = getMatchedRule();
if(prefs.gallery.autoOpenSites){
var sitesArr=prefs.gallery.autoOpenSites.split("\n");
for(var s=0;s<sitesArr.length;s++){
var siteReg=sitesArr[s].trim();
var autoViewMore=siteReg[0]=="@";
if(autoViewMore)siteReg=siteReg.substr(1);
if(new RegExp(siteReg).test(location.href)){
setTimeout(function(){
var gallery = openGallery();
if(autoViewMore)gallery.maximizeSidebar();
},2000);
break;
}
}
}
// 注册按键
if (prefs.floatBar.keys.enable) {
document.addEventListener('keydown', keydown, false);
}
function openPrefs() {
GM_config.open();
setTimeout(()=>{
if(GM_config.frame && GM_config.frame.style && GM_config.frame.style.display=="none"){
GM_config.frame.src="";
}
},500);
}
function loadPrefs() {
// 根据 GM_config 的 key 载入设置到 prefs
Object.keys(GM_config.fields).forEach(function(keyStr) {
var keys = keyStr.split('.');
var lastKey = keys.pop();
var lastPref = keys.reduce(function(previousValue, curKey) {
return previousValue[curKey];
}, prefs) || prefs;
var value = GM_config.get(keyStr);
if (typeof value != 'undefined') {
// 特殊的
if (keyStr == 'magnifier.wheelZoom.range' || keyStr == 'imgWindow.zoom.range') {
lastPref[lastKey] = value.split(/[,，]\s*/).map(function(s) { return parseFloat(s)});
} else if(keyStr == 'floatBar.butonOrder') {
lastPref[lastKey] = value.replace(/^\s*|\s*$/g,"").split(/\s*[,，]\s*/);
} else {
lastPref[lastKey] = value;
}
}
});
debug = prefs.debug ? console.debug.bind(console) : function() {};
}
};
function drawTobase64(img){
let canvas = document.createElement('CANVAS');
canvas.width = img.width;
canvas.height = img.height;
let ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
return canvas.toDataURL("image/png");
}
function init2(){
init(topObject,window,document,arrayFn,envir,storage,unsafeWindow);
};
//大致检测运行环境
var envir={
ie:typeof document.documentMode == 'number',
firefox:typeof XPCNativeWrapper == 'function',
opera:!!window.opera,
chrome:!!window.chrome,
};
//ie的话，不支持 < ie9的版本
if(envir.ie && document.documentMode < 9){
return;
};
var arrayFn=(function(){
//Array的某些方法对所有的类数组都有效，比如HTMLCollection,NodeList,DOMStringList.....
//添加一个当函数返回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 storage={
supportGM: typeof GM_getValue=='function' && typeof GM_getValue('a','b')!='undefined',//chrome的gm函数式空函数
mxAppStorage:(function(){//傲游扩展储存接口
try{
return window.external.mxGetRuntime().storage;
}catch(e){
};
})(),
operaUJSStorage:(function(){//opera userjs全局存储接口
try{
return window.opera.scriptStorage;
}catch(e){
};
})(),
setItem:function(key,value){
if(this.operaUJSStorage){
this.operaUJSStorage.setItem(key,value);
}else if(this.mxAppStorage){
this.mxAppStorage.setConfig(key,value);
}else if(this.supportGM){
GM_setValue(key,value);
}else if(window.localStorage){
window.localStorage.setItem(key,value);
};
},
getItem:function(key){
var value;
if(this.operaUJSStorage){
value=this.operaUJSStorage.getItem(key);
}else if(this.mxAppStorage){
value=this.mxAppStorage.getConfig(key);
}else if(this.supportGM){
value=GM_getValue(key);
}else if(window.localStorage){
value=window.localStorage.getItem(key);
};
return value;
},
};
function getUrl(url, callback, onError){
_GM_xmlhttpRequest({
method: 'GET',
url: url,
onload: callback,
onerror: onError
});
}
function setSearchState(words,imgCon){
if(words)console.info(words);
var searchState = (imgCon?imgCon:document).querySelector('.pv-pic-search-state');
if(searchState)searchState.innerHTML=createHTML(words);
}
var searchSort=["Tineye","Google","Baidu"];
function sortSearch(){
for(var i=0;i<searchSort.length;i++){
if(searchSort[i]==prefs.firstEngine){
searchSort.splice(i,1);
break;
}
}
searchSort.unshift(prefs.firstEngine);
}
function searchImgByImg(imgSrc, imgCon, callBack, onError, noneResult, searchFrom){
let srcs=[];
var searchBaidu=function(){
setSearchState(i18n("beginSearchImg","百度"),imgCon);
getUrl("http://image.baidu.com/n/same?queryImageUrl="+encodeURIComponent(imgSrc)+"&isguessword=1&rn=30&fr=pc&pn=0&sort=size", function(d){
let baiduJson;
try{
baiduJson=JSON.parse(d.responseText);
}catch(e){
setSearchState(i18n("findNoPic"),imgCon);
setTimeout(function(){
setSearchState("",imgCon);
},2000);
searchNext();
return;
}
if(baiduJson.data[0]){
srcs=[];
for(let imgData of baiduJson.data){
if(srcs.length>2)break;
srcs.push(imgData.objURL);
}
setSearchState(i18n("findOverBeginLoad",["百度",srcs.length]),imgCon);
callBackFun(srcs);
}else{
searchNext();
return;
}
}, onError);
};
var searchGoogle=function(){
setSearchState(i18n("beginSearchImg","Google"),imgCon);
getUrl("https://www.google.com/searchbyimage?safe=off&image_url="+encodeURIComponent(imgSrc), function(d){
let googleHtml=document.implementation.createHTMLDocument('');
googleHtml.documentElement.innerHTML = d.responseText;
let sizeUrl=googleHtml.querySelector("div.card-section>div>div>span.gl>a");
if(sizeUrl){
getUrl("https://www.google.com"+sizeUrl.getAttribute("href"), function(d){
googleHtml.documentElement.innerHTML = d.responseText;
let imgs=googleHtml.querySelectorAll("div.rg_meta");
if(imgs.length==0){searchNext();return;}
srcs=[];
for(var i=0;i<imgs.length;i++){
if(srcs.length>2)break;
let jsonData=JSON.parse(imgs[i].innerHTML);
srcs.push(jsonData.ou);
}
setSearchState(i18n("findOverBeginLoad",["Google",srcs.length]),imgCon);
callBackFun(srcs);
}, onError);
}else{
searchNext();
}
}, onError);
};
var searchTineye=function(){
setSearchState(i18n("beginSearchImg","Tineye"),imgCon);
getUrl("https://www.tineye.com/search?url="+encodeURIComponent(imgSrc)+"&sort=size", function(d){
let tineyeHtml=document.implementation.createHTMLDocument('');
tineyeHtml.documentElement.innerHTML = d.responseText;
let searchImg=tineyeHtml.querySelectorAll(".match-details>div.match:first-of-type>p.image-link:first-of-type>a");
if(searchImg.length>0){
srcs=[];
for(var i=0;i<searchImg.length;i++){
if(srcs.length>2)break;
srcs.push(searchImg[i].href);
}
setSearchState(i18n("findOverBeginLoad",["Tineye",srcs.length]),imgCon);
callBackFun(srcs);
}else{
searchNext();
}
}, onError);
};
var searchNext=function(){
searchFrom++;
if(searchFrom<=searchSort.length)switchSearch();
else{
if(noneResult)noneResult();
setSearchState(i18n("findNoPic"),imgCon);
setTimeout(function(){
setSearchState("",imgCon);
},2000);
}
};
var callBackFun=function(srcs){
callBack(srcs, searchFrom);
};
if(!searchFrom)searchFrom=1;
var switchSearch=function(){
switch(searchSort[searchFrom-1]){
case "Baidu":
searchBaidu();
break;
case "Google":
searchGoogle();
break;
case "Tineye":
searchTineye();
break;
default:
searchTineye();
break;
}
};
switchSearch();
}
init2();
})(this,window,document,(typeof unsafeWindow=='undefined'? window : unsafeWindow));