X-Git-Url: http://www.average.org/gitweb/?p=mkgallery.git;a=blobdiff_plain;f=include%2Fshow.js;h=b9ee1a08d8ef154c1ff26971db1acb92f7744968;hp=b5b00da7e39893b2b9df7b3fb32abf97c25f6bda;hb=741d62b401cb7cf4b36f733c19af7b45ba51b1a8;hpb=86d47020859e082c0eb71d390e5788ebbbcff8c0 diff --git a/include/show.js b/include/show.js index b5b00da..b9ee1a0 100644 --- a/include/show.js +++ b/include/show.js @@ -72,11 +72,12 @@ var Show = new Class({ this.updatecoords(); this.prevdisplay = new Element('img'). + set('class', 'mainformat'). + setProperty('alt', 'Current Image'). setStyle('opacity', 0). - injectInside(this.container.container); - this.ondisplay = new Element('img'). - setStyle('opacity', 0). - injectInside(this.container.container); + injectInside(this.container.domelement()); + this.ondisplay = this.prevdisplay.clone(). + injectInside(this.container.domelement()); this.loadingdiv = new Element('div'). addClass('loading').setStyles({ position: 'absolute', @@ -86,7 +87,7 @@ var Show = new Class({ display: 'none', width: this.coords.width, height: this.coords.height, - }).injectInside(this.container.container); + }).injectInside(this.container.domelement()); window.addEvent('resize', this.resizer.bind(this)) }, @@ -103,6 +104,8 @@ var Show = new Class({ /* prev, play, stop, next, exit, comm are methods for button presses */ prev: function(){ + this.cleartimer(); + this.stopfx(); if (this.currentid > 0) { this.show(this.currentid-1); } else { @@ -111,9 +114,8 @@ var Show = new Class({ }, stop: function(){ - if (this.isplaying) { $clear(this.timer); } + this.cleartimer() this.isplaying = false; - $clear(this.timer); this.controls.running(0); }, @@ -129,6 +131,8 @@ var Show = new Class({ }, next: function(){ + this.cleartimer(); + this.stopfx(); if (this.currentid < this.vimgs.length-1) { this.show(this.currentid+1); } else { @@ -137,12 +141,12 @@ var Show = new Class({ }, exit: function(){ - if (this.isplaying) { $clear(this.timer); } + this.cleartimer(); + this.stopfx(); this.prevdisplay.setStyle('display', 'none'); this.ondisplay.setStyle('display', 'none'); - this.stopfx(); - this.options.cbExit(); document.location.href = this.baseurl; + this.options.cbExit(); }, comm: function(){ @@ -247,7 +251,7 @@ var Show = new Class({ }); this.prevdisplay.dispose(); this.prevdisplay = this.ondisplay.clone(). - setStyle('zIndex', 2).injectInside(this.container.container); + setStyle('zIndex', 2).injectInside(this.container.domelement()); newimg.replaces(this.ondisplay); this.ondisplay = newimg; this.effect(); @@ -311,6 +315,10 @@ var Show = new Class({ this.loadingdiv.setStyle('display', 'none'); }, + cleartimer: function(){ + if (this.isplaying) { $clear(this.timer); } + }, + stopfx: function(){ if (this.fx) this.fx.cancel(); },