this.updatecoords();
this.prevdisplay = new Element('img').
- set('class', 'mainformat').
- setProperty('alt', 'Current Image').
- setStyle('opacity', 0).
- injectInside(this.container.domelement());
- this.ondisplay = this.prevdisplay.clone().
- injectInside(this.container.domelement());
+ setStyle('opacity', 0);
+ this.container.grab(this.prevdisplay);
+ this.ondisplay = this.prevdisplay.clone();
+ this.container.grab(this.ondisplay);
this.loadingdiv = new Element('div').
addClass('loading').setStyles({
position: 'absolute',
display: 'none',
width: this.coords.width,
height: this.coords.height,
- }).injectInside(this.container.domelement());
+ });
+ this.container.grab(this.loadingdiv);
window.addEvent('resize', this.resizer.bind(this))
},
},
display: function(cachel){
- var newstyle = this.calcsize(cachel);
- var newimg = cachel.img.clone();
- newimg.setStyles(newstyle);
- newimg.setStyles({
+ var newimg = cachel.img.clone().
+ set('class', 'mainformat').
+ setProperty('alt', 'Current Image').
+ setStyles(this.calcsize(cachel)).
+ setStyles({
zIndex: 3,
opacity: 0,
});
- this.prevdisplay.dispose();
- this.prevdisplay = this.ondisplay.clone().
- setStyle('zIndex', 2).injectInside(this.container.domelement());
- newimg.replaces(this.ondisplay);
+ this.ondisplay.replaces(this.prevdisplay).
+ setProperty('alt', 'Previous Image').
+ setStyle('zIndex', 2);
+ this.prevdisplay = this.ondisplay;
this.ondisplay = newimg;
+ this.container.grab(this.ondisplay);
this.effect();
},