📄 highslide-full.js
字号:
}
hs.dimmer.style.display = '';
hs.setDimmerSize();
hs.dimmer.owner = exp.key;
if (hs.geckoMac && exp.swfObject)
hs.dimmer.style.background = 'url('+ hs.graphicsDir + 'geckodimmer.png)';
else
hs.fade(hs.dimmer, 0, exp.dimmingOpacity);
},
unDim : function(key) {
if (!hs.dimmer) return;
if (typeof key != 'undefined' && key != hs.dimmer.owner) return;
if (hs.upcoming && hs.getParam(hs.upcoming, 'dimmingOpacity')) return;
hs.fade(hs.dimmer, hs.dimmer.opacity, 0);
setTimeout( function() {
hs.dimmer.style.display = 'none';
}, 250);
},
setDimmerSize : function() {
if (!hs.dimmer) return;
var page = hs.getPageSize();
hs.setStyles(hs.dimmer, { width: page.pageWidth +'px', height: page.pageHeight +'px'});
},
previousOrNext : function (el, op) {
var exp = hs.getExpander(el);
try {
var adj = hs.upcoming = hs.getAdjacentAnchor(exp.key, op);
adj.onclick();
} catch (e){}
try { exp.close(); } catch (e) {}
return false;
},
previous : function (el) {
return hs.previousOrNext(el, -1);
},
next : function (el) {
return hs.previousOrNext(el, 1);
},
keyHandler : function(e) {
if (!e) e = window.event;
if (!e.target) e.target = e.srcElement; // ie
if (e.target.form) return; // form element has focus
if (!hs.fireEvent(hs, 'onKeyDown', e)) return;
var op = null;
switch (e.keyCode) {
case 34: // Page Down
case 39: // Arrow right
case 40: // Arrow down
op = 1;
break;
case 33: // Page Up
case 37: // Arrow left
case 38: // Arrow up
op = -1;
break;
case 27: // Escape
case 13: // Enter
op = 0;
}
if (op !== null) {
hs.removeEventListener(document, 'keydown', hs.keyHandler);
try { if (!hs.enableKeyListener) return true; } catch (e) {}
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
if (op == 0) {
try { hs.getExpander().close(); } catch (e) {}
return false;
} else {
return hs.previousOrNext(hs.focusKey, op);
}
} else return true;
},
registerOverlay : function (overlay) {
hs.push(hs.overlays, overlay);
},
getWrapperKey : function (element) {
var el, re = /^highslide-wrapper-([0-9]+)$/;
// 1. look in open expanders
el = element;
while (el.parentNode) {
if (el.id && re.test(el.id)) return el.id.replace(re, "$1");
el = el.parentNode;
}
// 2. look in thumbnail
el = element;
while (el.parentNode) {
if (el.tagName && hs.isHsAnchor(el)) {
for (var key = 0; key < hs.expanders.length; key++) {
exp = hs.expanders[key];
if (exp && exp.a == el) return key;
}
}
el = el.parentNode;
}
},
getExpander : function (el) {
try {
if (!el) return hs.expanders[hs.focusKey];
if (typeof el == 'number') return hs.expanders[el];
if (typeof el == 'string') el = hs.$(el);
return hs.expanders[hs.getWrapperKey(el)];
} catch (e) {}
},
isHsAnchor : function (a) {
return (a.onclick && a.onclick.toString().replace(/\s/g, ' ').match(/hs.(htmlE|e)xpand/));
},
cleanUp : function () {
for (var i = 0; i < hs.expanders.length; i++)
if (hs.expanders[i] && hs.expanders[i].isExpanded) hs.focusTopmost();
},
fireEvent : function (obj, evt, args) {
return obj && obj[evt] ? (obj[evt](obj, args) !== false) : true;
},
mouseClickHandler : function(e)
{
if (!e) e = window.event;
if (e.button > 1) return true;
if (!e.target) e.target = e.srcElement;
var el = e.target;
while (el.parentNode
&& !(/highslide-(image|move|html|resize)/.test(el.className)))
{
el = el.parentNode;
}
var exp = hs.getExpander(el);
if (exp && e.type == 'mousedown') {
if (e.target.form) return;
var match = el.className.match(/highslide-(image|move|resize)/);
if (match) {
hs.dragArgs = { exp: exp , type: match[1], left: exp.x.min, width: exp.x.span, top: exp.y.min,
height: exp.y.span, clickX: e.clientX, clickY: e.clientY };
if (hs.dragArgs.type == 'image') exp.content.style.cursor = 'move';
hs.addEventListener(document, 'mousemove', hs.dragHandler);
if (e.preventDefault) e.preventDefault(); // FF
if (/highslide-(image|html)-blur/.test(exp.content.className)) {
exp.focus();
hs.hasFocused = true;
}
return false;
}
else if (/highslide-html/.test(el.className) && hs.focusKey != exp.key) {
exp.focus();
exp.redoShowHide();
}
} else if (e.type == 'mouseup') {
hs.removeEventListener(document, 'mousemove', hs.dragHandler);
if (hs.dragArgs) {
if (hs.dragArgs.type == 'image')
hs.dragArgs.exp.content.style.cursor = hs.styleRestoreCursor;
var hasDragged = (Math.abs(hs.dragArgs.dX) + Math.abs(hs.dragArgs.dY) > 0);
if (!hasDragged &&!hs.hasFocused && !/(move|resize)/.test(hs.dragArgs.type)) {
if (hs.fireEvent(exp, 'onImageClick'))
exp.close();
}
else if (hasDragged || (!hasDragged && hs.hasHtmlexpanders)) {
hs.dragArgs.exp.redoShowHide();
}
if (hs.dragArgs.exp.releaseMask)
hs.dragArgs.exp.releaseMask.style.display = 'none';
if (hasDragged) hs.fireEvent(hs.dragArgs.exp, 'onDrop', hs.dragArgs);
if (hasDragged) hs.setDimmerSize();
hs.hasFocused = false;
hs.dragArgs = null;
} else if (/highslide-image-blur/.test(el.className)) {
el.style.cursor = hs.styleRestoreCursor;
}
}
},
dragHandler : function(e)
{
if (!hs.dragArgs) return;
if (!e) e = window.event;
var exp = hs.dragArgs.exp;
if (exp.iframe) {
if (!exp.releaseMask) exp.releaseMask = hs.createElement('div', null,
{ position: 'absolute', width: exp.x.span+'px', height: exp.y.span+'px',
left: 0, top: 0, zIndex: 4, background: (hs.ie ? 'white' : 'none'),
opacity: 0.01 },
exp.wrapper, true);
if (exp.releaseMask.style.display == 'none')
exp.releaseMask.style.display = '';
}
hs.dragArgs.dX = e.clientX - hs.dragArgs.clickX;
hs.dragArgs.dY = e.clientY - hs.dragArgs.clickY;
if (!hs.fireEvent(exp, 'onDrag', hs.dragArgs)) return false;
if (hs.dragArgs.type == 'resize') exp.resize(hs.dragArgs);
else exp.move(hs.dragArgs);
return false;
},
addEventListener : function (el, event, func) {
try {
el.addEventListener(event, func, false);
} catch (e) {
try {
el.detachEvent('on'+ event, func);
el.attachEvent('on'+ event, func);
} catch (e) {
el['on'+ event] = func;
}
}
},
removeEventListener : function (el, event, func) {
try {
el.removeEventListener(event, func, false);
} catch (e) {
try {
el.detachEvent('on'+ event, func);
} catch (e) {
el['on'+ event] = null;
}
}
},
preloadFullImage : function (i) {
if (hs.continuePreloading && hs.preloadTheseImages[i] && hs.preloadTheseImages[i] != 'undefined') {
var img = document.createElement('img');
img.onload = function() { hs.preloadFullImage(i + 1); };
img.src = hs.preloadTheseImages[i];
}
},
preloadImages : function (number) {
if (number && typeof number != 'object') hs.numberOfImagesToPreload = number;
var a, re, j = 0;
var aTags = document.getElementsByTagName('A');
for (var i = 0; i < aTags.length; i++) {
a = aTags[i];
re = hs.isHsAnchor(a);
if (re && re[0] == 'hs.expand') {
if (j < hs.numberOfImagesToPreload) {
hs.preloadTheseImages[j] = hs.getSrc(a);
j++;
}
}
}
// preload outlines
new hs.Outline(hs.outlineType, function () { hs.preloadFullImage(0)} );
// preload cursor
var cur = hs.createElement('img', { src: hs.graphicsDir + hs.restoreCursor });
},
genContainer : function () {
if (!hs.container) {
hs.container = hs.createElement('div',
null,
{ position: 'absolute', left: 0, top: 0, width: '100%', zIndex: hs.zIndexCounter },
document.body,
true
);
hs.loading = hs.createElement('a',
{
className: 'highslide-loading',
title: hs.loadingTitle,
innerHTML: hs.loadingText,
href: 'javascript:void(0)'
},
{
position: 'absolute',
opacity: hs.loadingOpacity,
left: '-9999px',
zIndex: 1
}, hs.container
);
hs.clearing = hs.createElement('div', null,
{ clear: 'both', paddingTop: '1px' }, null, true);
hs.fireEvent(this, 'onActivate');
}
},
fade : function (el, o, oFinal, i, dir) {
if (dir == null) var dir = oFinal > o ? 1 : -1;
o = parseFloat(o);
el.style.visibility = (o <= 0) ? 'hidden' : 'visible';
if (o < 0 || (dir == 1 && o > oFinal)) return;
if (i == null) i = hs.faders.length;
if (typeof(el.i) != 'undefined' && el.i != i) {
clearTimeout(hs.faders[el.i]);
o = el.tempOpacity;
}
el.i = i;
el.tempOpacity = o;
el.style.visibility = (o <= 0) ? 'hidden' : 'visible';
hs.setStyles(el, { opacity: o });
hs.faders[i] = setTimeout(function() {
hs.fade(el, Math.round((o + 0.1 * dir)*100)/100, oFinal, i, dir);
}, 25);
},
close : function(el) {
try { hs.getExpander(el).close(); } catch (e) {}
return false;
}
}; // end hs object
//-----------------------------------------------------------------------------
hs.Outline = function (outlineType, onLoad) {
this.onLoad = onLoad;
this.outlineType = outlineType;
var v = hs.ieVersion(), tr;
this.hasAlphaImageLoader = hs.ie && v >= 5.5 && v < 7;
if (!outlineType) {
if (onLoad) onLoad();
return;
}
hs.genContainer();
this.table = hs.createElement(
'table', { cellSpacing: 0 },
{
visibility: 'hidden',
position: 'absolute',
borderCollapse: 'collapse'
},
hs.container,
true
);
this.tbody = hs.createElement('tbody', null, null, this.table, 1);
this.td = [];
for (var i = 0; i <= 8; i++) {
if (i % 3 == 0) tr = hs.createElement('tr', null, { height: 'auto' }, this.tbody, true);
this.td[i] = hs.createElement('td', null, null, tr, true);
var style = i != 4 ? { lineHeight: 0, fontSize: 0} : { position : 'relative' };
hs.setStyles(this.td[i], style);
}
this.td[4].className = outlineType;
this.preloadGraphic();
};
hs.Outline.prototype = {
preloadGraphic : function () {
var src = hs.graphicsDir + (hs.outlinesDir || "outlines/")+ this.outlineType +".png";
var appendTo = hs.safari ? hs.container : null;
this.graphic = hs.createElement('img', null, { position: 'absolute', left: '-9999px',
top: '-9999px' }, appendTo, true); // for onload trigger
var pThis = this;
this.graphic.onload = function() { pThis.onGraphicLoad(); };
this.graphic.src = src;
},
onGraphicLoad : function () {
var o = this.offset = this.graphic.width / 4,
pos = [[0,0],[0,-4],[-2,0],[0,-8],0,[-2,-8],[0,-2],[0,-6],[-2,-2]],
dim = { height: (2*o) +'px', width: (2*o) +'px' };
for (var i = 0; i <= 8; i++) {
if (pos[i]) {
if (this.hasAlphaImageLoader) {
var w = (i == 1 || i == 7) ? '100%' : this.graphic.width +'px';
var div = hs.createElement('div', null, { width: '100%', height: '100%', position: 'relative', overflow: 'hidden'}, this.td[i], true);
hs.createElement ('div', null, {
filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='"+ this.graphic.src + "')",
position: 'absolute',
width: w,
height: this.graphic.height +'px',
left: (pos[i][0]*o)+'px',
top: (pos[i][1]*o)+'px'
},
div,
true);
} else {
hs.setStyles(this.td[i], { background: 'url('+ this.graphic.src +') '+ (pos[i][0]*o)+'px '+(pos[i][1]*o)+'px'});
}
if (window.opera && (i == 3 || i ==5))
hs.createElement('div', null, dim, this.td[i], true);
hs.setStyles (this.td[i], dim);
}
}
hs.pendingOutlines[this.outlineType] = this;
if (this.onLoad) this.onLoad();
},
setPosition : function (exp, x, y, w, h, vis) {
if (vis) this.table.style.visibility = (h >= 4 * this.offset)
? 'visible' : 'hidden';
this.table.style.left = (x - this.offset) +'px';
this.table.style.top = (y - this.offset) +'px';
this.table.style.width = (w + 2 * (exp.offsetBorderW + this.offset)) +'px';
w += 2 * (exp.offsetBorderW - this.offset);
h += + 2 * (exp.offsetBorderH - this.offset);
this.td[4].style.width = w >= 0 ? w +'px' : 0;
this.td[4].style.height = h >= 0 ? h +'px' : 0;
if (this.hasAlphaImageLoader) this.td[3].style.height
= this.td[5].style.height = this.td[4].style.height;
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -