LightBox Gone Wild, onLoad

This is a simple step by step tutorial for invoking an automatic lightbox pop-up when page loads for Lightbox Gone Wild/.

• Open lightbox.js in your favorite editor.
• Locate following line 'initialize: function(ctrl) {'.
• Right below add following code:

  			if ($('lbOnAuto')) {
  				var lbOnAuto = $('lbOnAuto').value; 
  				if (lbOnAuto) {
  					this.content = lbOnAuto;
  					if (browser == 'Internet Explorer'){
  						this.getScroll();
  						this.prepareIE('2600px', 'scroll');
  						this.setScroll(0,0);
  						this.hideSelects('hidden');
  					}
  					this.displayLightbox("block");
  					$('lbOnAuto').value = '';
  				} 
  			}
  			

• Your whole initialize() function should look like this now:

  			initialize: function(ctrl) {
  				if ($('lbOnAuto')) {
  					var lbOnAuto = $('lbOnAuto').value; 
  					if (lbOnAuto) {
  						this.content = lbOnAuto;
  						if (browser == 'Internet Explorer'){
  							this.getScroll();
  							this.prepareIE('2600px', 'scroll');
  							this.setScroll(0,0);
  							this.hideSelects('hidden');
  						}
  						this.displayLightbox("block");
  						$('lbOnAuto').value = '';
  					} 
  				}
  		
  				this.atag = ctrl;
  				this.content = ctrl.href;
  				Event.observe(ctrl, 'click', this.activate.bindAsEventListener(this), false);
  				ctrl.onclick = function(){
  					return false;
  				};
  			},
  			

• Now when you would like to automaticly have a pop up simply add following line of HTML to your code (including prototype.js and lightbox.js on same page!):

  				<input class="lbOn" id="lbOnAuto" type="hidden" value="http://google.com">
  			

  (replace value="" with url you would like lightbox to display inside)

You can reach me if you need any assistance with this modification at al.ko[@]webfoundation.net.
-Aleksey Korzun