YLightBox - 论坛相册特效

程序开发：YAOHAIXIAO.COM发表时间：2010 - 01 - 27

林志玲

清纯的美眉

小丑鱼

HERA

美丽的自然风景

韩国美女

莉亚迪桑

红色法拉利

女超人

游戏壁纸

魔兽争霸

梦幻舞厅

程序简介

YLightBox - 论坛相册特效，我用我自己写个YaoUI代码库实现一个论坛的相册效果，这个特效很适合论坛题图板块的图片展示。调用简单，兼容性好。

调用方法

第一步：在页面中调用yao.js文件，例如：

第二步：编写调用代码：

YAO.YLightBox.init('y-lightbox', 'img', 'script');

程序代码

fadeUp: function(elem){
			if (elem) {
				var level = 0, fade = function(){
					var timer = null;
					level += 0.05;
					if (timer) {
						clearTimeout(timer);
						timer = null;
					}
					if (level > 1) {
						YAO.setOpacity(elem, 1);
						return false;
					}
					else {
						YAO.setOpacity(elem, level);
					}
					timer = setTimeout(fade, 50);
				};
				fade();
			}
		},
		zebra: function(){
			var j, length = arguments.length;
			for (j = 0; j < length; ++j) {
				(function(config){
					var root = YAO.getEl(config.rootTag) || (config.root || null), rows = root.getElementsByTagName(config.rowTag) || (config.rows || null), i, len = rows.length, lastClass = [];
					if (root && rows && len > 1) {
						for (var i = 0; i < len; ++i) {
							rows[i].className = i % 2 === 0 ? 'even' : 'odd';
							lastClass[i] = rows[i].className;
							YAO.on(rows[i],'mouseover', function(index){
								return function(){
									YAO.replaceClass(this, lastClass[index], 'hover');
								}
							}(i),rows[i],true);
							YAO.on(rows[i], 'mouseout', function(index){
								return function(){
									YAO.replaceClass(this, 'hover', lastClass[index]);
								}
							}(i),rows[i],true);
						}
					}
					else {
						return false;
					}
				})(arguments[j]);
			}
		},
		moveElement: function(element, finalX, finalY, speed){
			var elem = YAO.isString(element) ? YAO.getEl(element) : element, style = null;
			if (elem) {
				if (elem.movement) {
					clearTimeout(elem.movement);
				}
				if (!YAO.getStyle(elem, 'left')) {
					YAO.setStyle(elem, 'left', 0);
				}
				if (!YAO.getStyle(elem, 'top')) {
					YAO.setStyle(elem, 'top', 0);
				}
				var xpos = parseInt(YAO.getStyle(elem, 'left'), 10);
				var ypos = parseInt(YAO.getStyle(elem, 'top'), 10);
				if (xpos === finalX && ypos === finalY) {
					return true;
				}
				if (xpos < finalX) {
					var dist = Math.ceil((finalX - xpos) / 10);
					xpos = xpos + dist;
				}
				if (xpos > finalX) {
					var dist = Math.ceil((xpos - finalX) / 10);
					xpos = xpos - dist;
				}
				if (ypos < finalY) {
					var dist = Math.ceil((finalY - ypos) / 10);
					ypos = ypos + dist;
				}
				if (ypos > finalY) {
					var dist = Math.ceil((ypos - finalY) / 10);
					ypos = ypos - dist;
				}
				YAO.setStyle(elem, 'left', (xpos + 'px'));
				YAO.setStyle(elem, 'top', (ypos + 'px'));
				elem.movement = setTimeout(function(){
					YAO.moveElement(element, finalX, finalY, speed);
				}, speed);
			}
		},
		
		ajax: function(config){
			var oXhr, method = config.method ? config.method.toUpperCase() : 'GET', url = config.url || '', fn = config.fn || null, postData = config.data || null, elem = config.id ? YAO.getEl(config.id) : (config.element || null), load = config.loadFn ? config.loadFn : (config.loading || '正在获取数据，请稍后...');
			if (!url) {
				return;
			}
			if (window.XMLHttpRequest) {
				oXhr = new XMLHttpRequest();
			}
			else {
				if (window.ActiveXObject) {
					oXhr = new ActiveXObject("Microsoft.XMLHTTP");
				}
			}
			if (oXhr) {
				try {
					oXhr.open(method, url, true);
					oXhr.onreadystatechange = function(){
						if (oXhr.readyState !== 4) {
							return false
						}
						if (oXhr.readyState == 4) {
							if (oXhr.status == 200 || location.href.indexOf('http') === -1) {
								if (fn) {
									fn.success(oXhr);
								}
								else {
									elem.innerHTML = oXhr.responseText;
								}
							}
							else {
								if (fn) {
									fn.failure(oXhr.status);
								}
								else {
									if (YAO.isFunction(load)) {
										load();
									}
									else {
										elem.innerHTML = load;
									}
								}
							}
						}
					};
					oXhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
					if (postData) {
						oXhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
					}
					oXhr.send(postData);
				} 
				catch (e) {
					throw new Error(e);
					return false;
				}
			}
			else{
				throw new Error("Your browser does not support XMLHTTP.");
				return false;
			}
		},
		JSON: function(){
			function f(n){
				return n < 10 ? '0' + n : n;
			}
			
			Date.prototype.toJSON = function(){
				return this.getUTCFullYear() + '-' + f(this.getUTCMonth() + 1) + '-' + f(this.getUTCDate()) + 'T' + f(this.getUTCHours()) + ':' + f(this.getUTCMinutes()) + ':' + f(this.getUTCSeconds()) + 'Z';
			};
			
			var m = {
				'\b': '\\b',
				'\t': '\\t',
				'\n': '\\n',
				'\f': '\\f',
				'\r': '\\r',
				'"': '\\"',
				'\\': '\\\\'
			};
			
			function stringify(value, whitelist){
				var a, i, k, l, r = /["\\\x00-\x1f\x7f-\x9f]/g, v;
				switch (typeof value) {
					case 'string':
						return r.test(value) ? '"' +
						value.replace(r, function(a){
							var c = m[a];
							if (c) {
								return c;
							}
							c = a.charCodeAt();
							return '\\u00' + Math.floor(c / 16).toString(16) + (c % 16).toString(16);
						}) +
						'"' : '"' + value + '"';
					case 'number':
						return isFinite(value) ? String(value) : 'null';
					case 'boolean':
					case 'null':
						return String(value);
					case 'object':
						if (!value) {
							return 'null';
						}
						
						if (typeof value.toJSON === 'function') {
							return stringify(value.toJSON());
						}
						a = [];
						if (typeof value.length === 'number' && !(value.propertyIsEnumerable('length'))) {
						
							l = value.length;
							for (i = 0; i < l; i += 1) {
								a.push(stringify(value[i], whitelist) || 'null');
							}
							
							return '[' + a.join(',') + ']';
						}
						if (whitelist) {
							l = whitelist.length;
							for (i = 0; i < l; i += 1) {
								k = whitelist[i];
								if (typeof k === 'string') {
									v = stringify(value[k], whitelist);
									if (v) {
										a.push(stringify(k) + ':' + v);
									}
								}
							}
						}
						else {
							for (k in value) {
								if (typeof k === 'string') {
									v = stringify(value[k], whitelist);
									if (v) {
										a.push(stringify(k) + ':' + v);
									}
								}
							}
						}
						return '{' + a.join(',') + '}';
				}
			}
			
			return {
				stringify: stringify,
				parse: function(text, filter){
					var j;
					
					function walk(k, v){
						var i, n;
						if (v && typeof v === 'object') {
							for (i in v) {
								if (OP.hasOwnProperty.apply(v, [i])) {
									n = walk(i, v[i]);
									if (n !== undefined) {
										v[i] = n;
									}
									else {
										delete v[i];
									}
								}
							}
						}
						return filter(k, v);
					}
					
					if (/^[\],:{}\s]*$/.test(text.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
						j = eval('(' + text + ')');
						
						return typeof filter === 'function' ? walk('', j) : j;
					}
					
					throw new SyntaxError('parseJSON');
				}
			};
		}(),
		
		YTabs: function(){
			var j, len = arguments.length, Tabs = [];
			for (j = 0; j < len; ++j) {
				Tabs[j] = new YAO.singleTab(arguments[j]);
			}
			return Tabs;
		},
		scrollNews: function(S, SI, RT, CT){
            var SN = new YAO.scrollVertical(S, SI, RT, CT);
            SN.speed = 4000;
            SN.isPause = true;
            var TM = setTimeout(function(){
                if (TM) {
                    clearTimeout(TM);
                }
                SN.isPause = false;
            }, 2000);
            YAO.on(SN.scrollArea, 'mouseover', function(){
                SN.isPause = true;
            });
            YAO.on(SN.scrollArea, 'mouseout', function(){
                SN.isPause = false;
            });
        }
	};
	
	YAO.on(window, "unload", YAO._unload);
}();

YAO.Carousel = function(oConfig){
	this.btnPrevious = YAO.isString(oConfig.btnPrevious) ? YAO.getEl(oConfig.btnPrevious) : (oConfig.btnPrevious || null);
	this.lnkBtnPrevious = this.btnPrevious.getElementsByTagName('a')[0] || null;
	this.Container = YAO.isString(oConfig.Container) ? YAO.getEl(oConfig.Container) : (oConfig.Container || null);
	this.Scroller = YAO.isString(oConfig.Scroller) ? YAO.getEl(oConfig.Scroller) : (oConfig.Scroller || null);
	this.btnNext = YAO.isString(oConfig.btnNext) ? YAO.getEl(oConfig.btnNext) : (oConfig.btnNext || null);
	this.lnkBtnNext = this.btnNext.getElementsByTagName('a')[0] || null;
	this.items = YAO.isString(oConfig.items) ? this.Container.getElementsByTagName(oConfig.items) : (oConfig.items || null);
	
	if(!this.btnPrevious || !this.lnkBtnPrevious || !this.Container || !this.Scroller || !this.btnNext || !this.lnkBtnNext || !this.items){
		return false;
	}
	
	this.length = this.items.length;
	this.itemWidth = this.items[0].offsetWidth;
	this.itemHeight = this.items[0].offsetHeight;
	this.scrollerWidth = this.itemWidth * this.length;
	this.scrollHeight = this.itemHeight * this.length;
	this.derection = oConfig.derection || 'H';
	this.stepHeight = oConfig.stepHeight || this.itemHeight;
	this.stepWidth = oConfig.stepWidth || this.itemWidth;
	this.groups = this.derection === 'H' ? Math.ceil(this.scrollerWidth / this.stepWidth) : Math.ceil(this.scrollHeight / this.stepHeight);
	this.maxMovedNum = this.derection === 'H' ? (this.groups - (this.Container.offsetWidth / this.stepWidth)) : (this.groups - (this.Container.offsetHeight / this.stepHeight));
	this.scrollSpeed = oConfig.speed || 50;
	
	this.init();
};
YAO.Carousel.prototype.movedNum = 0;
YAO.Carousel.prototype.LNK_BTNS_DISABLED_CLASS = 'dis'; 
YAO.Carousel.prototype.init = function(){
	var oSelf = this;
	if (this.derection === 'H') {
		this.Scroller.style.width = this.scrollerWidth + 'px';
	}
	else {
		this.Scroller.style.height = this.scrollerHeight + 'px';
	}
	this.Container.style.overflow = 'hidden';
	if (this.lnkBtnNext && this.movedNum === this.maxMovedNum) {
		YAO.addClass(this.lnkBtnNext, this.LNK_BTNS_DISABLED_CLASS);
	}
	if (this.lnkBtnPrevious && this.movedNum === 0) {
		YAO.addClass(this.lnkBtnPrevious, this.LNK_BTNS_DISABLED_CLASS);
	}
	YAO.on(this.btnPrevious, 'click', this.scrollPrevious, this.btnPrevious, oSelf);
	YAO.on(this.btnNext, 'click', this.scrollNext, this.btnNext, oSelf);
};
YAO.Carousel.prototype.scrollPrevious = function(event){
	var evt = event || window.event;
	if (this.movedNum > 0) {
		this.movedNum -= 1;
		if (this.lnkBtnNext && YAO.hasClass(this.lnkBtnNext, this.LNK_BTNS_DISABLED_CLASS)) {
			YAO.removeClass(this.lnkBtnNext, this.LNK_BTNS_DISABLED_CLASS);
		}
		if (this.movedNum <= 0) {
			this.movedNum = 0;
			if (this.lnkBtnPrevious) {
				YAO.addClass(this.lnkBtnPrevious, this.LNK_BTNS_DISABLED_CLASS);
			}
		}
		this.scroll(this.movedNum);
	}
	YAO.stopEvent(evt);
};
YAO.Carousel.prototype.scrollNext = function(event){
	var evt = event || window.event;
	if (this.movedNum < this.maxMovedNum) {
		this.movedNum += 1;
		if (this.lnkBtnPrevious && YAO.hasClass(this.lnkBtnPrevious, this.LNK_BTNS_DISABLED_CLASS)) {
			YAO.removeClass(this.lnkBtnPrevious, this.LNK_BTNS_DISABLED_CLASS);
		}
		if (this.movedNum >= this.maxMovedNum) {
			this.movedNum = this.maxMovedNum;
			if (this.lnkBtnNext) {
				YAO.addClass(this.lnkBtnNext, this.LNK_BTNS_DISABLED_CLASS);
			}
		}
		this.scroll(this.movedNum);
	}
	YAO.stopEvent(evt);
}; 
YAO.Carousel.prototype.scroll = function(steps){
	var scrollWidth = 0, scrollHeight = 0;
	if (this.derection === 'H') {
		if (this.stepWidth) {
			scrollWidth = -(this.stepWidth * steps);
		}
		else {
			scrollWidth = -(this.itemWidth * steps);
		}
	}
	else {
		if (this.stepHeight) {
			scrollHeight = -(this.stepHeight * steps);
		}
		else {
			scrollHeight = -(this.itemHeight * steps);
		}
	}
	YAO.moveElement(this.Scroller, scrollWidth, scrollHeight, this.scrollSpeed);
};

YAO.YAlbum = function(oConfig){
	var oSelf = this;
	this.oCarousel = new YAO.Carousel({
		btnPrevious: (oConfig && oConfig.btnPrevious) ? oConfig.btnPrevious : oSelf.CARSOUEL_BTN_PREVIOUS,
		Container: (oConfig && oConfig.Container) ? oConfig.Container : oSelf.CARSOUEL_CONTAINER,
		Scroller: (oConfig && oConfig.Scroller) ? oConfig.Scroller : oSelf.CARSOUEL_SCROLLER,
		btnNext: (oConfig && oConfig.btnNext) ? oConfig.btnNext : oSelf.CARSOUEL_BTN_NEXT,
		items: (oConfig && oConfig.items) ? oConfig.items : oSelf.CARSOUEL_ITEM_TAG,
		stepWidth: (oConfig && oConfig.stepWidth) ? oConfig.stepWidth : oSelf.CARSOUEL_STEP_WIDTH
	});
	this.oSamples = this.oCarousel.Scroller.getElementsByTagName('a') || null;
	this.length = this.oSamples.length || 0;
	this.lastSample = this.oSamples[0] || null;
	this.photoContainer = (oConfig && oConfig.photoContainer) ? (YAO.isString(oConfig.photoContainer) ? YAO.getEl(oConfig.photoContainer) : oConfig.photoContainer) : (YAO.getEl(this.PHOTO_CONTAINER_ID) || null);
	this.photo = (oConfig && oConfig.photo) ? (YAO.isString(oConfig.photo) ? YAO.getEl(oConfig.photo) : oConfig.photo) : (YAO.getEl(this.PHOTO_ID) || null);
	this.photoIntro = (oConfig && oConfig.photoIntro) ? (YAO.isString(oConfig.photoIntro) ? YAO.getEl(oConfig.photoIntro) : oConfig.photoIntro) : (YAO.getEl(this.PHOTO_INTRO_ID) || null);
	this.PHOTO_MAX_WIDTH = (oConfig && oConfig.photoMaxWidth) ? oConfig.photoMaxWidth : this.PHOTO_MAX_WIDTH;
	this.sIntro = this.photo.alt || '';
	
	this.init();
};

YAO.YAlbum.prototype.lastIndex = 0;
YAO.YAlbum.prototype.isLoading = false;
YAO.YAlbum.prototype.lastPhotoHeight = 0;
YAO.YAlbum.prototype.loadShardow = null;
YAO.YAlbum.prototype.loadImg = null;
YAO.YAlbum.prototype.btnPrevious = null;
YAO.YAlbum.prototype.btnNext = null;

YAO.YAlbum.prototype.CARSOUEL_BTN_PREVIOUS = YAO.getEl('carousel_btn_lastgroup');
YAO.YAlbum.prototype.CARSOUEL_CONTAINER = YAO.getEl('carousel_container');
YAO.YAlbum.prototype.CARSOUEL_SCROLLER = YAO.getEl('samples_list');
YAO.YAlbum.prototype.CARSOUEL_BTN_NEXT = YAO.getEl('carousel_btn_nextgroup');
YAO.YAlbum.prototype.CARSOUEL_ITEM_TAG = 'li';
YAO.YAlbum.prototype.CARSOUEL_STEP_WIDTH = 672;
YAO.YAlbum.prototype.PHOTO_MAX_WIDTH = 800;
YAO.YAlbum.prototype.PHOTO_CONTAINER_ID = 'carousel_photo_container';
YAO.YAlbum.prototype.PHOTO_ID = 'carousel_photo';
YAO.YAlbum.prototype.PHOTO_INTRO_ID = 'carousel_photo_intro';
YAO.YAlbum.prototype.BTN_NEXT_ID = 'carousel_next_photo';
YAO.YAlbum.prototype.BTN_NEXT_CLASS = 'next';
YAO.YAlbum.prototype.BTN_PREVIOUS_ID = 'carousel_previous_photo';
YAO.YAlbum.prototype.BTN_PREVIOUS_CLASS = 'previous';
YAO.YAlbum.prototype.BTN_DISABLED_CLASS = 'dis';
YAO.YAlbum.prototype.IMG_BTN_PREVIOUS = 'url(img/last-photo.gif)';
YAO.YAlbum.prototype.IMG_BTN_NEXT = 'url(img/next-photo.gif)';
YAO.YAlbum.prototype.SHARDOW_ID = 'carousel_photo_shardow';
YAO.YAlbum.prototype.LOAD_IMG_PATH = 'img/loading.gif';
YAO.YAlbum.prototype.LOAD_IMG_ID = 'carousel_photo_loading';

YAO.YAlbum.prototype.init = function(){
	var oSelf = this, i;
	
	YAO.addClass(this.lastSample, 'current');
	this.btnPrevious = YAO.Builder.Node('a', {
		href: oSelf.oSamples[oSelf.lastIndex].href,
		id: oSelf.BTN_PREVIOUS_ID,
		className: oSelf.BTN_PREVIOUS_CLASS,
		title: '上一张'
	}, '上一张');
	this.photoContainer.appendChild(this.btnPrevious);
	this.btnNext = YAO.Builder.Node('a', {
		href: oSelf.oSamples[oSelf.lastIndex + 1].href,
		id: oSelf.BTN_NEXT_ID,
		className: oSelf.BTN_NEXT_CLASS,
		title: '下一张'
	}, '下一张');
	this.photoContainer.appendChild(this.btnNext);
	this.load(this.photo.src);
	
	YAO.on(this.btnPrevious, 'click', function(event){
		var evt = event || window.event;
		this.Previous();
		YAO.stopEvent(evt);
	}, this.btnPrevious, oSelf);
	YAO.on(this.btnNext, 'click', function(event){
		var evt = event || window.event;
		this.Next();
		YAO.stopEvent(evt);
	}, this.btnNext, oSelf);
	
	for (i = 0; i < this.length; ++i) {
		YAO.on(this.oSamples[i], 'click', function(index){
			return function(event){
				var evt = event || window.event, curSample = this.oSamples[index];
				if (this.lastSample !== curSample && !this.isLoading) {
					this.lastIndex = index;
					this.btnsEnabled();
					this.chgPhoto();
				}
				YAO.stopEvent(evt);
			}
		}(i), this.oSamples[i], oSelf);
	}
};
YAO.YAlbum.prototype.btnsEnabled = function(){
	if (this.lastIndex !== 0 && YAO.hasClass(this.btnPrevious, this.BTN_DISABLED_CLASS)) {
		YAO.removeClass(this.btnPrevious, this.BTN_DISABLED_CLASS);
		if (YAO.ua.ie) {
			this.btnPrevious.style.backgroundImage = this.IMG_BTN_PREVIOUS;
		}
		this.btnPrevious.href = this.oSamples[this.lastIndex - 1];
	}
	else {
		if (this.lastIndex === 0) {
			YAO.addClass(this.btnPrevious, this.BTN_DISABLED_CLASS);
			if (YAO.ua.ie) {
				this.btnPrevious.style.backgroundImage = 'none';
			}
			this.btnPrevious.href = this.oSamples[this.lastIndex];
		}
	}
	if (this.lastIndex !== (this.length - 1) && YAO.hasClass(this.btnNext, this.BTN_DISABLED_CLASS)) {
		YAO.removeClass(this.btnNext, this.BTN_DISABLED_CLASS);
		if (YAO.ua.ie) {
			this.btnNext.style.backgroundImage = this.IMG_BTN_NEXT;
		}
		this.btnNext.href = this.oSamples[this.lastIndex + 1];
	}
	else {
		if (this.lastIndex === (this.length - 1)) {
			YAO.addClass(this.btnNext, this.BTN_DISABLED_CLASS);
			if (YAO.ua.ie) {
				this.btnNext.style.backgroundImage = 'none';
			}
			this.btnNext.href = this.oSamples[this.lastIndex];
		}
	}
};					
YAO.YAlbum.prototype.load = function(path){
	var oImage = new Image(), oDf = document.createDocumentFragment();
	oImage.src = path;
	
	if (oImage.complete) {
		this.resize(oImage);
	}
	else {
		this.isLoading = true;
		this.loadShardow = YAO.Builder.Node('div', {
			id: this.SHARDOW_ID
		});
		this.loadImg = YAO.Builder.Node('img', {
			src: this.LOAD_IMG_PATH,
			id: this.LOAD_IMG_ID
		});
		oDf.appendChild(this.loadShardow);
		if (YAO.ua.ie) {
			this.loadShardow.style.height = this.lastPhotoHeight ? this.lastPhotoHeight + 'px' : this.photoContainer.offsetHeight + 'px';
		}
		oDf.appendChild(this.loadImg);
		this.photoContainer.appendChild(oDf);
		YAO.on(oImage, 'load', function(){
			this.resize(oImage);
		}, oImage, this);
	}
};
YAO.YAlbum.prototype.resize = function(oImage){
	var oSelf = this;
	var width = oImage.width;
	var height = oImage.height;
	var percent = width / height;
	if (width > this.PHOTO_MAX_WIDTH) {
		width = this.PHOTO_MAX_WIDTH;
		height = width / percent;
	}
	if (YAO.ua.ie) {
		this.lastPhotoHeight = height;
		YAO.setStyles(this.btnPrevious, {
			height: height + 'px',
			backgroundImage: oSelf.IMG_BTN_PREVIOUS
		});
		YAO.setStyles(this.btnNext, {
			height: height + 'px',
			backgroundImage: oSelf.IMG_BTN_NEXT
		});
	}
	if (this.lastIndex === 0) {
		YAO.addClass(this.btnPrevious, this.BTN_DISABLED_CLASS);
		if (YAO.ua.ie) {
			this.btnPrevious.style.backgroundImage = 'none';
		}
	}
	if (this.lastIndex === (this.length - 1)) {
		YAO.addClass(this.btnNext, this.BTN_DISABLED_CLASS);
		if (YAO.ua.ie) {
			this.btnNext.style.backgroundImage = 'none';
		}
	}
	this.photoIntro.innerHTML = this.sIntro;
	YAO.setStyle(this.photoContainer, 'width', (width + 'px'));
	YAO.setStyles(this.photo, {
		width: width + 'px',
		height: height + 'px'
	});
	if (this.loadImg && this.loadShardow) {
		this.isLoading = false;
		this.photoContainer.removeChild(this.loadImg);
		this.loadImg = null;
		this.photoContainer.removeChild(this.loadShardow);
		this.loadShardow = null;
	}
};
YAO.YAlbum.prototype.Previous = function(){
	if (this.lastIndex !== 0) {
		this.lastIndex -= 1;
		if (YAO.hasClass(this.btnNext, this.BTN_DISABLED_CLASS)) {
			YAO.removeClass(this.btnNext, this.BTN_DISABLED_CLASS);
		}
		if (this.lastIndex >= 1) {
			this.btnPrevious.href = this.oSamples[this.lastIndex - 1].href;
		}
		if (this.lastIndex < 0) {
			this.lastIndex = 0;
			YAO.addClass(this.btnPrevious, this.BTN_DISABLED_CLASS);
		    this.btnPrevious.href = this.oSamples[this.lastIndex].href;
		}
		this.btnNext.href = this.oSamples[this.lastIndex+1].href;
		this.chgPhoto();
	}
};
YAO.YAlbum.prototype.Next = function(){
	if (this.lastIndex < (this.length - 1)) {
		this.lastIndex += 1;
		if (YAO.hasClass(this.btnPrevious, this.BTN_DISABLED_CLASS)) {
			YAO.removeClass(this.btnPrevious, this.BTN_DISABLED_CLASS);
		}
		if (this.lastIndex <= (this.length - 2)) {
			this.btnNext.href = this.oSamples[this.lastIndex + 1].href;
		}
		if (this.lastIndex > (this.length - 1)) {
			this.lastIndex = (this.length - 1);
			YAO.addClass(this.btnNext, this.BTN_DISABLED_CLASS);
			this.btnNext.href = this.oSamples[this.lastIndex].href;
		}
		this.btnPrevious.href = this.oSamples[this.lastIndex-1].href;
		this.chgPhoto();
	}
};
YAO.YAlbum.prototype.chgPhoto = function(){
	var path = '';
	this.sIntro = this.oSamples[this.lastIndex].title;
	path = this.oSamples[this.lastIndex].href;
	YAO.removeClass(this.lastSample, 'current');
	YAO.addClass(this.oSamples[this.lastIndex], 'current');
	this.lastSample = this.oSamples[this.lastIndex];
	this.photo.src = path;
	this.load(path);
	this.scroll();
};
YAO.YAlbum.prototype.scroll = function(){
	var curScreen = Math.ceil(((this.lastIndex + 1) * this.oCarousel.itemWidth) / this.oCarousel.stepWidth) - 1;
	if (curScreen != this.oCarousel.movedNum) {
		this.oCarousel.scroll(curScreen);
		this.oCarousel.movedNum = curScreen;
		if (this.oCarousel.movedNum !== 0 && YAO.hasClass(this.oCarousel.lnkBtnPrevious, this.BTN_DISABLED_CLASS)) {
			YAO.removeClass(this.oCarousel.lnkBtnPrevious, this.BTN_DISABLED_CLASS);
		}
		else {
			if (this.oCarousel.movedNum === 0) {
				YAO.addClass(this.oCarousel.lnkBtnPrevious, this.BTN_DISABLED_CLASS);
			}
		}
		if (this.oCarousel.movedNum !== this.oCarousel.maxMovedNum && YAO.hasClass(this.oCarousel.lnkBtnNext, this.BTN_DISABLED_CLASS)) {
			YAO.removeClass(this.oCarousel.lnkBtnNext, this.BTN_DISABLED_CLASS);
		}
		else {
			if (this.oCarousel.movedNum === this.oCarousel.maxMovedNum) {
				YAO.addClass(this.oCarousel.lnkBtnNext, this.BTN_DISABLED_CLASS);
			}
		}
	}
};

YAO.YLightBox = {
	isHidden: false,
	photos: null,
	length: 0,
	YOverlay: null,
	YBox: null,
	YBoxDefaultWidth: 500,
	YBoxDefaultHeight: 0,
	YBoxHd: null,
	YBoxHdHeight: 0,
	YBoxTitle: null,
	YBoxToolBar: null,
	closeable: true,
	YBoxCloseBar: null,
    maximizable: true,
	YBoxMaximizeBar: null,
    newindowable: true,
	YBoxNewWinBar: null,
	YBoxBd: null,
	YBoxBDefaultHeight: 0,
	YBoxPhoto: null,
	YBoxPhotoDefaultWidth: 0,
	YBoxPhotoDefaultHeight: 0,
	YBoxTips: null,
	YBoxIndex: null,
	YBoxLastIndex: 0,
	carouselable: true,
	YCarousel: null,
	YBoxCarousel: null,
	YBoxScroller: null,
	YBoxBtnLastGroup: null,
	YBoxBtnNextGroup: null,
	YBoxLastSample: null,
	albumabel: true,
	YAlbum: null,
	YBoxBtnPrevious: null,
	YBoxBtnNext: null,
	BTN_DISABLED_CLASS: 'dis',
    IMG_BTN_PREVIOUS: 'url(img/last-photo.gif)',
    IMG_BTN_NEXT: 'url(img/next-photo.gif)',
	
	init: function(itemClass, itemTag, rootId){
		var i, oSelf = this;
		this.photos = YAO.getElByClassName(itemClass, itemTag, rootId);
		this.length = this.photos.length;
		for (i = 0; i < this.length; ++i) {
			YAO.on(this.photos[i], 'click', function(index){
				return function(event){
					var evt = event || window.event;
					this.YBoxLastIndex = index;
					this.YBoxPhotoDefaultWidth = this.photos[this.YBoxLastIndex].width;
					this.YBoxPhotoDefaultHeight = this.photos[this.YBoxLastIndex].height;
					this.initComponent();
					this.zoom();
					YAO.stopEvent(evt);
				}
			}(i), this.photos[i], oSelf);
		}
	},
	initComponent: function(){
		if (!this.YBox) {
			this.create();
			this.initEvents();
		}
		else {
			this.show();
		}
		this.currentSample();
	},	
	create: function(){
		var D = document, i, oDfBox = D.createDocumentFragment(), oDfTip = D.createDocumentFragment(), docWidth = YAO.getDocumentWidth(), docHeight = YAO.getDocumentHeight(), oSelf = this;
		oImage = this.photos[this.YBoxLastIndex];
		oDfBox.appendChild(YAO.Builder.Node('div', {
			id: 'yl-shardow'
		}));
		oDfBox.appendChild(YAO.Builder.Node('div', {
			id: 'yl-box'
		}, [YAO.Builder.Node('div', {
			id: 'yl-box-hd'
		}, [YAO.Builder.Node('h3', {
			id: 'yl-box-tlt'
		}, oImage.alt),YAO.Builder.Node('span',{
			id: 'yl-box-toolbar'
		})]), YAO.Builder.Node('div', {
			id: 'yl-box-bd'
		}, [YAO.Builder.Node('img', {
			src: oImage.src,
			alt: oImage.alt,
			id: 'yl-photo'
		}), YAO.Builder.Node('div', {
			id: 'carousel'
		},YAO.Builder.Node('div', {
				id: 'carousel_container'
		}))])]));
		D.body.appendChild(oDfBox);
		
		this.YOverlay = YAO.getEl('yl-shardow');
		YAO.setStyles(this.YOverlay, {
			height: docHeight + 'px'
		});
		
		this.YBox = YAO.getEl('yl-box');
		this.YBoxHd = YAO.getEl('yl-box-hd');
		this.YBoxHdHeight = this.YBoxHd.offsetHeight;
		this.YBoxTitle = YAO.getEl('yl-box-tlt');
		this.YBoxToolBar = YAO.getEl('yl-box-toolbar'); 
		
		this.initTools();
		
		this.YBoxBd = YAO.getEl('yl-box-bd');
		this.YBoxCarousel = YAO.getEl('carousel');
		this.YBoxCarouselCnt = YAO.getEl('carousel_container');
		this.YBoxPhoto = YAO.getEl('yl-photo');
		
		this.initPlgins();
		
		oDfTip.appendChild(YAO.Builder.Node('div', {
			id: 'yl-tips'
		}, [YAO.Builder.Node('em', {
			id: 'yl-curIndex'
		}, (this.YBoxLastIndex + 1) + ''), ' / ' + this.length + ' pictures']));
		this.YBoxCarousel.appendChild(oDfTip);
		
		this.YBoxTips = YAO.getEl('yl-tips');
		this.YBoxIndex = YAO.getEl('yl-curIndex');
		
		if (this.carouselable) {
			this.YBoxLastSample = this.YCarousel.items[this.YBoxLastIndex];
		}
		
		this.isHidden = false;
	},
	initTools: function(){
		var D = document, oDfTools = D.createDocumentFragment();
		oImage = this.photos[this.YBoxLastIndex];
		if (this.newindowable) {
			oDfTools.appendChild(YAO.Builder.Node('a', {
				id: 'yl-box-newindow',
				href: oImage.src,
				target: '_blank',
				title: '新窗口打开'
			}, '新窗口打开'));
		}
		if (this.maximizable) {
			oDfTools.appendChild(YAO.Builder.Node('a', {
				id: 'yl-box-adjust',
				className: 'imgadjust',
				href: '#adjust',
				title: '显示实际尺寸'
			}, '显示实际尺寸'));
		}
		if (this.closeable) {
			oDfTools.appendChild(YAO.Builder.Node('a', {
				id: 'yl-box-closebar',
				className: 'imgclose',
				href: '#close',
				title: '关闭窗口'
			}, '关闭窗口'));
		}
		this.YBoxToolBar.appendChild(oDfTools);
		this.YBoxNewWinBar = YAO.getEl('yl-box-newindow');
		this.YBoxMaximizeBar = YAO.getEl('yl-box-adjust');
		this.YBoxCloseBar = YAO.getEl('yl-box-closebar');
	},
	initPlgins: function(){
		var D = document, oSelf = this, oCConfig = {}, oAConfig = {}, i, oDfSamples = D.createDocumentFragment(), oDfBtnsGroups = D.createDocumentFragment(), oDfBtnsPhoto = D.createDocumentFragment();

if (this.carouselable) {
			this.YBoxCarouselCnt.appendChild(YAO.Builder.Node('ul', {
				id: 'samples_list'
			}));
			this.YBoxScroller = YAO.getEl('samples_list');
			
			for (i = 0; i < this.length; ++i) {
				oDfSamples.appendChild(YAO.Builder.Node('li', {
					className: i === oSelf.YLastIndex ? 'current' : ''
				}, YAO.Builder.Node('a', {
					href: oSelf.photos[i].src,
					title: oSelf.photos[i].alt,
					target: 'blank'
				}, YAO.Builder.Node('img', {
					src: oSelf.photos[i].src,
					alt: oSelf.photos[i].alt
				}))));
			}
			this.YBoxScroller.appendChild(oDfSamples);
			
			oDfBtnsGroups.appendChild(YAO.Builder.Node('div', {
				id: 'carousel_btn_lastgroup'
			}, YAO.Builder.Node('a', {
				href: '#lastgroup',
				title: '上一组'
			}, '上一组')));
			oDfBtnsGroups.appendChild(YAO.Builder.Node('div', {
				id: 'carousel_btn_nextgroup'
			}, YAO.Builder.Node('a', {
				href: '#nextgroup',
				title: '下一组'
			}, '下一组')));
			this.YBoxCarousel.appendChild(oDfBtnsGroups);
			
			this.YBoxBtnLastGroup = YAO.getEl('carousel_btn_lastgroup');
			this.YBoxBtnNextGroup = YAO.getEl('carousel_btn_nextgroup');	
		
			oCConfig = {
				btnPrevious: oSelf.YBoxBtnLastGroup,
				Container: oSelf.YBoxCarouselCnt,
				Scroller: oSelf.YBoxScroller,
				btnNext: oSelf.YBoxBtnNextGroup,
				stepWidth: 100,
				items: 'li'
			};
			this.YCarousel = new YAO.Carousel(oCConfig);
		}
		
		if (this.albumabel) {
			oDfBtnsPhoto.appendChild(YAO.Builder.Node('a', {
				id: 'carousel_previous_photo',
				className: 'previous',
				href: (oSelf.YLastIndex - 1 > 0) ? oSelf.photos[oSelf.YLastIndex - 1].src : oSelf.photos[0].src,
				title: '上一张',
				target: '_blank'
			}, '上一张'));
			oDfBtnsPhoto.appendChild(YAO.Builder.Node('a', {
				id: 'carousel_next_photo',
				className: 'next',
				href: (oSelf.YLastIndex + 1 < oSelf.length - 1) ? oSelf.photos[oSelf.YLastIndex + 1].src : oSelf.photos[oSelf.length - 1].src,
				title: '下一张',
				target: '_blank'
			}, '下一张'));
			this.YBoxBd.appendChild(oDfBtnsPhoto);
			
			this.YBoxBtnPrevious = YAO.getEl('carousel_previous_photo');
			this.YBoxBtnNext = YAO.getEl('carousel_next_photo');	
		}
	},
	show: function(){
		var oImage = this.photos[this.YBoxLastIndex];
		if (this.YOverlay && this.YBox && this.isHidden) {
			this.YBoxTitle.innerHTML = oImage.alt;
			this.YBoxNewWinBar.href = oImage.src;
			YAO.Builder.Attributes(this.YBoxPhoto, {
				src: oImage.src,
				alt: oImage.alt
			});
			this.YBoxIndex.innerHTML = (this.YBoxLastIndex + 1);
			YAO.setStyle(this.YOverlay, 'display', 'block');
			YAO.setStyle(this.YBox, 'display', 'block');	
		    this.isHidden = false;
		}
	},
	initBtns: function(){
		var oSelf = this;
		if (this.albumabel) {
			if (YAO.ua.ie) {
				YAO.setStyle(this.YBoxBtnPrevious, 'backgroundImage', oSelf.IMG_BTN_PREVIOUS);
				YAO.setStyle(this.YBoxBtnNext, 'backgroundImage', oSelf.IMG_BTN_NEXT);
			}
			if (this.YBoxLastIndex === 0) {
				YAO.addClass(this.YBoxBtnPrevious, this.BTN_DISABLED_CLASS);
				if (YAO.ua.ie) {
					YAO.setStyle(this.YBoxBtnPrevious, 'backgroundImage', 'none');
				}
			}
			if (this.YBoxLastIndex === (this.length - 1)) {
				YAO.addClass(this.YBoxBtnNext, this.BTN_DISABLED_CLASS);
				if (YAO.ua.ie) {
					YAO.setStyle(this.YBoxBtnNext, 'backgroundImage', 'none');
				}
			}
		}
	},
	initEvents: function(){
		var i;
		
		if (this.maximizable) {
			YAO.on(this.YBoxHd, 'dblclick', this.toggleMaximize, this.YBoxHd, this);
			YAO.on(this.YBoxMaximizeBar, 'click', this.toggleMaximize, this.YBoxMaximizeBar, this);
		}
		if (this.closeable) {
			YAO.on(this.YBoxCloseBar, 'click', this.close, this.YBoxCloseBar, this);
		}
		
		if (this.carouselable) {
			for (i = 0; i < this.length; ++i) {
				YAO.on(this.YCarousel.items[i], 'click', function(index){
					return function(event){
						var evt = event || window.event;
						this.YBoxLastIndex = index;
						this.btnsEnabled();
						this.changePhoto();
						YAO.stopEvent(evt);
					}
				}(i), this.YCarousel.items[i], this);
			}
			
			YAO.on(this.YBoxTips, 'click', this.showCarousel, this.YBoxTips, this);
		}
		
		if(this.albumabel){
			YAO.on(this.YBoxBtnPrevious, 'click', this.previousPhoto, this.YBoxBtnPrevious, this);
			YAO.on(this.YBoxBtnNext, 'click', this.nextPhoto, this.YBoxBtnNext, this);
		}
		
		YAO.on(window, 'scroll', this.fixPosition, window, this);
		YAO.on(window, 'resize', this.fixPosition, window, this);
	},
	close: function(event){
		var evt = event || window.event;
		if (this.YOverlay && this.YBox && !this.isHidden) {
			YAO.setStyle(this.YOverlay, 'display', 'none');
			YAO.setStyle(this.YBox, 'display', 'none');
			this.minimize();
			this.isHidden = true;
			this.YBoxLastIndex = 0;
		}
		YAO.stopEvent(evt);
	},		
	zoom: function(){
		var percent = this.YBoxPhotoDefaultWidth / this.YBoxPhotoDefaultHeight, height = this.YBoxDefaultWidth / percent;
		this.YBoxDefaultHeight = height + this.YBoxHdHeight;
		this.YBoxBDefaultHeight = height;
		if (this.YBoxPhotoDefaultWidth > this.YBoxDefaultWidth) {
			this.minimize();
		}
		else {
			this.restore();
		}
		this.initBtns();
		this.fixPosition();
	},
	minimize: function(){
		var oSelf = this;
		YAO.setStyles(this.YBoxPhoto, {
			width: oSelf.YBoxDefaultWidth + 'px',
			height: oSelf.YBoxDefaultHeight + 'px'
		});
		YAO.setStyles(this.YBoxBd, {
			width: oSelf.YBoxDefaultWidth + 'px',
			height: oSelf.YBoxBDefaultHeight + 'px'
		});
		YAO.setStyles(this.YBox, {
			width: oSelf.YBoxDefaultWidth + 'px',
			height: oSelf.YBoxDefaultHeight + 'px'
		});
		if (this.YBoxMaximizeBar) {
			this.YBoxMaximizeBar.title = '显示实际尺寸';
		}
		if (YAO.ua.ie && this.albumable) {
			YAO.setStyle(this.YBoxBtnPrevious, 'height', (this.YBoxDefaultHeight + 'px'));
			YAO.setStyle(this.YBoxBtnNext, 'height', (this.YBoxDefaultHeight + 'px'));
		}
	},
	restore: function(){
		var oSelf = this;
		YAO.setStyles(this.YBoxPhoto, {
			width: oSelf.YBoxPhotoDefaultWidth + 'px',
			height: oSelf.YBoxPhotoDefaultHeight + 'px'
		});
		YAO.setStyles(this.YBoxBd, {
			width: oSelf.YBoxPhotoDefaultWidth + 'px',
			height: oSelf.YBoxPhotoDefaultHeight + 'px'
		});
		YAO.setStyles(this.YBox, {
			width: oSelf.YBoxPhotoDefaultWidth + 'px',
			height: (oSelf.YBoxPhotoDefaultHeight + oSelf.YBoxHdHeight) + 'px'
		});
		if (this.YBoxMaximizeBar) {
			this.YBoxMaximizeBar.title = '显示缩略图';
		}
		if (YAO.ua.ie && this.albumable) {
			YAO.setStyle(this.YBoxBtnPrevious, 'height', (this.YBoxPhotoDefaultWidth + 'px'));
			YAO.setStyle(this.YBoxBtnNext, 'height', (this.YBoxPhotoDefaultHeight + 'px'));
		}
	},
	toggleMaximize: function(event){
		var evt = event || window.event;
		if (this.YBoxPhotoDefaultWidth > this.YBoxDefaultWidth) {
			if (this.YBoxPhoto.width === this.YBoxDefaultWidth) {
				this.restore();
			}
			else {
				this.minimize();
			}
			this.fixPosition();
		}
		YAO.stopEvent(evt);
	},
	fixPosition: function(){
		var documentWidth = YAO.getDocumentWidth(), documentHeight = YAO.getDocumentHeight(), viewportWidth = YAO.getViewportWidth(), viewportHeight = YAO.getViewportHeight(), xScroll = YAO.getXScroll(), yScroll = YAO.getYScroll(), YBoxWidth = this.YBox.offsetWidth, YBoxHeight = this.YBox.offsetHeight, left = xScroll + ((viewportWidth - YBoxWidth) / 2), top = yScroll + ((viewportHeight - YBoxHeight) / 2);
		
		if (YBoxWidth > viewportWidth) {
			if ((YBoxWidth < documentWidth) && ((YBoxWidth + xScroll) < documentWidth)) {
				left = xScroll;
			}
			else {
				left = documentWidth - YBoxWidth;
			}
		}
		else {
			if (YBoxWidth > documentWidth) {
				left = 0;
			}
		}
		if (YBoxHeight > viewportHeight) {
			if ((YBoxHeight < documentHeight) && ((YBoxHeight + yScroll) <= documentHeight)) {
				top = yScroll;
			}
			else {
				top = documentHeight - YBoxHeight;
			}
		}
		else {
			if (YBoxHeight > documentHeight) {
				top = 0;
			}
		}
		
		if (!this.isHidden) {
			YAO.setStyles(this.YBox, {
				margin: 0,
				left: left + 'px',
				top: top + 'px'
			});
		}
	},
	showCarousel: function(){
		var top = parseInt(YAO.getStyle(this.YBoxCarousel, 'top'), 10);
		if (top === -120) {
			YAO.moveElement(this.YBoxCarousel, 0, 0, 50);
			YAO.setStyle(this.YBoxBtnLastGroup, 'display', 'block');
			YAO.setStyle(this.YBoxBtnNextGroup, 'display', 'block');
		}
		else {
			YAO.moveElement(this.YBoxCarousel, 0, -120, 50);
			YAO.setStyle(this.YBoxBtnLastGroup, 'display', 'none');
			YAO.setStyle(this.YBoxBtnNextGroup, 'display', 'none');
		}
	},
	currentSample: function(){
		var curSample = null;
		if (this.carouselable) {
			curSample = this.YCarousel.items[this.YBoxLastIndex];
			
			if (curSample !== this.YBoxLastSample) {
				YAO.removeClass(this.YBoxLastSample, 'current');
			}
			YAO.addClass(curSample, 'current');
			this.YBoxLastSample = curSample;
		}
	},	
	scrollCarousel: function(){
		if (this.carouselable) {
			var curScreen = Math.ceil(((this.YBoxLastIndex + 1) * this.YCarousel.itemWidth) / this.YCarousel.stepWidth) - 1;
			if (curScreen != this.YCarousel.movedNum) {
				this.YCarousel.scroll(curScreen);
				this.YCarousel.movedNum = curScreen;
				if (this.YCarousel.movedNum !== 0 && YAO.hasClass(this.YCarousel.lnkBtnPrevious, this.BTN_DISABLED_CLASS)) {
					YAO.removeClass(this.YCarousel.lnkBtnPrevious, this.BTN_DISABLED_CLASS);
				}
				else {
					if (this.YCarousel.movedNum === 0) {
						YAO.addClass(this.YCarousel.lnkBtnPrevious, this.BTN_DISABLED_CLASS);
					}
				}
				if (this.YCarousel.movedNum !== this.YCarousel.maxMovedNum && YAO.hasClass(this.YCarousel.lnkBtnNext, this.BTN_DISABLED_CLASS)) {
					YAO.removeClass(this.YCarousel.lnkBtnNext, this.BTN_DISABLED_CLASS);
				}
				else {
					if (this.YCarousel.movedNum === this.YCarousel.maxMovedNum) {
						YAO.addClass(this.YCarousel.lnkBtnNext, this.BTN_DISABLED_CLASS);
					}
				}
			}
		}
	},	
	btnsEnabled: function(){
		if (this.albumabel) {
			if (this.YBoxLastIndex !== 0) {
				if (YAO.hasClass(this.YBoxBtnPrevious, this.BTN_DISABLED_CLASS)) {
					YAO.removeClass(this.YBoxBtnPrevious, this.BTN_DISABLED_CLASS);
				}
				if (YAO.ua.ie) {
					YAO.setStyle(this.YBoxBtnPrevious, 'backgroundImage', this.IMG_BTN_PREVIOUS);
				}
				this.YBoxBtnPrevious.href = this.photos[this.YBoxLastIndex - 1].src;
			}
			else {
				if (this.YBoxLastIndex === 0) {
					YAO.addClass(this.YBoxBtnPrevious, this.BTN_DISABLED_CLASS);
					if (YAO.ua.ie) {
						YAO.setStyle(this.YBoxBtnPrevious, 'backgroundImage', 'none');
					}
					this.YBoxBtnPrevious.href = this.photos[this.YBoxLastIndex].src;
				}
			}
			if (this.YBoxLastIndex !== (this.length - 1)) {
				if (YAO.hasClass(this.YBoxBtnNext, this.BTN_DISABLED_CLASS)) {
					YAO.removeClass(this.YBoxBtnNext, this.BTN_DISABLED_CLASS);
				}
				if (YAO.ua.ie) {
					YAO.setStyle(this.YBoxBtnNext, 'backgroundImage', this.IMG_BTN_NEXT);
				}
				this.YBoxBtnNext.href = this.photos[this.YBoxLastIndex + 1].src;
			}
			else {
				if (this.YBoxLastIndex === (this.length - 1)) {
					YAO.addClass(this.YBoxBtnNext, this.BTN_DISABLED_CLASS);
					if (YAO.ua.ie) {
						YAO.setStyle(this.YBoxBtnNext, 'backgroundImage', 'none');
					}
					this.YBoxBtnNext.href = this.photos[this.YBoxLastIndex].src;
				}
			}
		}
	},	
	previousPhoto: function(event){
		var evt = event || window.event;
		this.YBoxLastIndex -= 1;
		
		if (YAO.hasClass(this.YBoxBtnNext, this.BTN_DISABLED_CLASS)) {
			YAO.removeClass(this.YBoxBtnNext, this.BTN_DISABLED_CLASS);
		}
		if (this.YBoxLastIndex >= 1) {
			this.YBoxBtnPrevious.href = this.photos[this.YBoxLastIndex - 1].src;
		}
		
		if (this.YBoxLastIndex < 0) {
			this.YBoxLastIndex = 0;
			YAO.addClass(this.YBoxBtnPrevious, this.BTN_DISABLED_CLASS);
			this.YBoxBtnPrevious.href = this.photos[this.YBoxLastIndex].src;
		}
		this.YBoxBtnNext.href = this.photos[this.YBoxLastIndex + 1].src;
		
		this.changePhoto();
		YAO.stopEvent(evt);
	},
	nextPhoto: function(event){
		var evt = event || window.event;
		this.YBoxLastIndex += 1;
		
		if (YAO.hasClass(this.YBoxBtnPrevious, this.BTN_DISABLED_CLASS)) {
			YAO.removeClass(this.YBoxBtnPrevious, this.BTN_DISABLED_CLASS);
		}
		if (this.YBoxLastIndex <= (this.length - 2)) {
			this.YBoxBtnNext.href = this.photos[this.YBoxLastIndex + 1].src;
		}
		
		if (this.YBoxLastIndex > (this.length - 1)) {
			this.YBoxLastIndex = this.length - 1;
			YAO.addClass(this.YBoxBtnNext, this.BTN_DISABLED_CLASS);
			this.YBoxBtnNext.href = this.photos[this.YBoxLastIndex].src;
		}
		this.YBoxBtnPrevious.href = this.photos[this.YBoxLastIndex-1].src;
		
		this.changePhoto();
		YAO.stopEvent(evt);
	},
	changePhoto: function(){
		this.YBoxPhotoDefaultWidth = this.photos[this.YBoxLastIndex].width;
		this.YBoxPhotoDefaultHeight = this.photos[this.YBoxLastIndex].height;
		this.YBoxTitle.innerHTML = this.photos[this.YBoxLastIndex].alt;
		this.YBoxIndex.innerHTML = (this.YBoxLastIndex + 1);
		this.YBoxPhoto.src = this.photos[this.YBoxLastIndex].src;
		this.YBoxPhoto.alt = this.photos[this.YBoxLastIndex].alt;
		if (this.YBoxNewWinBar) {
			this.YBoxNewWinBar.href = this.photos[this.YBoxLastIndex].src;
		}
		this.currentSample();
		this.scrollCarousel();
		this.zoom();
	}
};

Download：ylightbox.rar

个人简介

姓名：姚海啸
年龄：28岁
学历：大专
职业：前端工程师

奋斗目标：成为顶尖的前端工程师

我的作品