/* * Author: Corné Harmsen * WWW: http://www.octavalent.nl * * CONSTRUCTOR: * image: image id to be slide * path: shortcut path for the images (optional) * transtime: time in milliseconds to transform to the next image (optional, default 1000) * showtime: time in milliseconds for showing the image (optional, default 3000) * * ADD: * src: path of the image * title: title of the image (optional) * url: link by clicking the image (optional) * * USAGE: * in the HEADER of the HTML: * *

*/ function slider(params) { this.id = params["image"] ? params["image"] : null; this.path = params["path"] ? params["path"] : ''; this.delay = params["transtime"] ? params["transtime"] : 1000; this.visible = params["showtime"] ? params["showtime"] : 3000; this.handler = params["handler"] ? params["handler"] : null; this.height = params["height"] ? params["height"] : 800; this.width = params["width"] ? params["width"] : 167; this.helper = false; this.url = false; this.opacity = 0; this.count = 0; this.index = 0; this.images = new Array(); this.key = slider.register.length; slider.register[this.key] = this; this.gRef = "Slider_" + this.key; eval(this.gRef + "=this"); if(this.handler != null) sendAJAX3(this.handler, '', this.gRef + '.Load(httpRequest.responseText)'); } slider.register = new Array(); slider.is_ie = ( /msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent)); slider.prototype = { Add : function(img, description, height, width, url) { if(!height) height = this.height; if(!width) width = this.width; this.images[this.count] = new Object(); this.images[this.count].img = new Image; this.images[this.count].img.src = this.path + img; this.images[this.count].img.onload = new Function(this.gRef + '.ok(' + this.count + ');'); this.images[this.count].img.width = width; this.images[this.count].img.height = height; this.images[this.count].desc = description; this.images[this.count].url = url; this.count++; }, Load : function(response) { var data = JSON.parse(response); var images = data.images; for(var i=0; i= this.count) this.index = 0; if(slider.is_ie) { this.image.style.filter = "alpha(opacity=100)"; this.helper.style.filter = "alpha(opacity=0)"; } else { this.image.style.opacity = 1; this.helper.style.opacity = 0; } setTimeout(this.gRef + '.Show()', this.visible); } }, ok : function(index) { this.images[index].loaded = 'ok'; } };