X-Git-Url: http://www.average.org/gitweb/?p=mkgallery.git;a=blobdiff_plain;f=include%2Fslideshow.js;h=5d648c8925f528cd5a0473766849671cf2fd9666;hp=2de9fee5b7b8b8770bfd6d2c606567ddadf47e5d;hb=f8281d2d6eaaa20f2c65d9753a2870df1310fd1a;hpb=ab432814a482877e9ec4fc066ac113120e5ef1cf

diff --git a/include/slideshow.js b/include/slideshow.js
index 2de9fee..5d648c8 100644
--- a/include/slideshow.js
+++ b/include/slideshow.js
@@ -24,7 +24,8 @@ var slideShow = new Class({
 			thumbnailCls: 'outline',
 			backgroundSlider: false, //change to be an instance.
 			loadingCls: 'loading',
-			onClick: false
+			onClick: false,
+			comment: null,
 		};
 	},
 
@@ -41,8 +42,8 @@ var slideShow = new Class({
 				this.options.onClick(this.imageLoaded);
 			}.bind(this));
 		}
-		
-		
+		this.comm=this.options.comment;
+
 		this.imagesHolder = new Element('div').setStyles({
 			position: 'absolute',
 			overflow: 'hidden',
@@ -161,7 +162,8 @@ var slideShow = new Class({
 			this.imageObj = new Asset.image(img, {onload: this.show.bind(this)});
 			this.imageObj.set('width', width).set('height', height);
 		}
-		
+		this.imageObj.set('id', this.images[this.image][i][3]);
+		this.imageObj.set('title', this.images[this.image][i][4]);
 	},
 
 	restyle: function(imgobj){
@@ -217,6 +219,15 @@ var slideShow = new Class({
 		this.imageLoaded = this.image;
 		this.loading.setStyle('display','none');
 		this.effect();
+		this.comm = $(this.comm);
+		if (this.comm) {
+			var a = this.comm.getElement('a');
+			if (a) a.dispose();
+			a = new Element('a', {
+				href: '#'+this.imageObj.get('id'),
+				html: this.imageObj.get('title'),
+			}).injectInside(this.comm);
+		}
 	},
 	
 	wait: function(){
@@ -437,6 +448,9 @@ var slideShow = new Class({
 	
 	resetAnimation: function(){
 		this.animating = false;
+		this.oldImage.setStyles({
+			opacity: 0
+		});
 	},
 
 	position: function(){