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
\r
this.container = $(container);\r
this.container.setStyles({\r
- position: 'relative',\r
+ /* position: 'relative', */\r
overflow: 'hidden'\r
});\r
if(this.options.onClick){\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
if (vfactor < factor) { factor = vfactor; }\r
if (hfactor < factor) { factor = hfactor; }\r
factor *= .95;\r
- height = Math.round(height * factor);\r
- width = Math.round(width * factor);\r
+ if (factor < 1) {\r
+ height = Math.round(height * factor);\r
+ width = Math.round(width * factor);\r
+ }\r
var topoff = (this.height - height)/2;\r
var leftoff = (this.width - width)/2;\r
/* alert('dim: '+width+'x'+height+'+'+leftoff+'+'+topoff); */\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