thumbnailCls: 'outline',\r
backgroundSlider: false, //change to be an instance.\r
loadingCls: 'loading',\r
- onClick: false\r
+ onClick: false,\r
+ comment: null,\r
};\r
},\r
\r
this.options.onClick(this.imageLoaded);\r
}.bind(this));\r
}\r
- \r
- \r
+ this.comm=this.options.comment;\r
+\r
this.imagesHolder = new Element('div').setStyles({\r
position: 'absolute',\r
overflow: 'hidden',\r
this.imageObj = new Asset.image(img, {onload: this.show.bind(this)});\r
this.imageObj.set('width', width).set('height', height);\r
}\r
- \r
+ this.imageObj.set('id', this.images[this.image][i][3]);\r
+ this.imageObj.set('title', this.images[this.image][i][4]);\r
},\r
\r
restyle: function(imgobj){\r
this.imageLoaded = this.image;\r
this.loading.setStyle('display','none');\r
this.effect();\r
+ this.comm = $(this.comm);\r
+ if (this.comm) {\r
+ var a = this.comm.getElement('a');\r
+ if (a) a.dispose();\r
+ a = new Element('a', {\r
+ href: '#'+this.imageObj.get('id'),\r
+ html: this.imageObj.get('title'),\r
+ }).injectInside(this.comm);\r
+ }\r
},\r
\r
wait: function(){\r
\r
resetAnimation: function(){\r
this.animating = false;\r
+ this.oldImage.setStyles({\r
+ opacity: 0\r
+ });\r
},\r
\r
position: function(){\r