/* hgImgSwap - RBurnie - hybridgarden.com *************************
Requires: script.aculo.us effects library found at http://script.aculo.us
*** USEAGE ***
init the script onload of page
ex.
or on the onload of one of the img tags of the imageLoader
To load an image use:
hgImgSwap.LoadImg('pathtoimagefile','alttext');
*** LOADER - XHTML MARKUP *****************************************
*** Default mode markup - for images all same size/aspect ratio ***
** NB: is optional but must have class="loadDisp"
I simply apply dimensions and a background image to this so it acts as a quasi loading display
*** Framed mode markup *******************************************
*** CSS MARKUP ***************************************************
*****************************************************************/
var hgImgSwap = {
Version: '1.0',
Mode: "default",
Init: function(e){
this.element = document.getElementById(e);
var imgs = this.element.getElementsByTagName('img');
if(imgs.length==2){
this.topImage = imgs[0];
this.botImage = imgs[1];
}
var divs = this.element.getElementsByTagName('div');
if(divs.length<4){
for(var i=0; i= 4){
this.path = arguments[3];
if(arguments.length == 5){
this.type = arguments[4];
}else{
this.type = '.jpg';
}
}else{
this.path = '';
}
this.alt = alt;
this.list = list;
this.current = this.list.length -1;
/*Load latest slide in
hgImgSwap.LoadImg(this.path+this.list[this.current]+this.type, this.alt);
- This worked fine except in Internet Explorer when a back/forward button was
used to return to the page. It was quite a bizare bug and only happend if back/forward button
was used???
Instead using Effect.Appear() directly on 1st image load
*/
},
Next: function(){
this.current += 1;
if(this.current >= this.list.length){
this.current = 0;
}
hgImgSwap.LoadImg(this.path+this.list[this.current]+this.type, this.alt);
},
Prev: function(){
this.current -= 1;
if(this.current < 0){
this.current = this.list.length -1;
}
hgImgSwap.LoadImg(this.path+this.list[this.current]+this.type, this.alt);
}
}
