Return to Kroll Web Design home page Return to Flash / ActionScript page
« Return

Action Script 2 code and XML for the High 5 Ballooning slideshow:

	
//Action Script 2 code for the slideshow:

import mx.transitions.Tween;
import mx.transitions.easing.Strong;

this.createEmptyMovieClip("container2_mc",this.getNextHighestDepth());
this.createEmptyMovieClip("container1_mc",this.getNextHighestDepth());

this.createEmptyMovieClip("buttons_mc",this.getNextHighestDepth());

this.attachMovie("loader","loader_mc",this.getNextHighestDepth());

//loader_mc._x = (Stage.width - loader_mc._width)/2;
//loader_mc._y = (Stage.height - loader_mc._height)/2;

loader_mc._x = Stage.width * 2;
loader_mc._y = Stage.height * 2;

var myMCL:MovieClipLoader = new MovieClipLoader();
var myListener:Object = new Object();
myMCL.addListener(myListener);

myListener.onLoadProgress = function(target,bytesLoaded,bytesTotal) {
	loader_mc._alpha = 100;
	var pct = Math.round(bytesLoaded/bytesTotal*100);
	loader_mc.bar_mc._xscale = pct;
}

myListener.onLoadComplete = function(target) {
	loader_mc._alpha = 0;
	fadeIn();
}

current_state = "stop";

buttons_mc.attachMovie("prev_over","prev_over_mc",buttons_mc.getNextHighestDepth());
buttons_mc.attachMovie("prev_off","prev_off_mc",buttons_mc.getNextHighestDepth());

buttons_mc.attachMovie("next_over","next_over_mc",buttons_mc.getNextHighestDepth());
buttons_mc.attachMovie("next_off","next_off_mc",buttons_mc.getNextHighestDepth());

buttons_mc.attachMovie("play_on","play_on_mc",buttons_mc.getNextHighestDepth());
buttons_mc.attachMovie("play_over","play_over_mc",buttons_mc.getNextHighestDepth());
buttons_mc.attachMovie("play_off","play_off_mc",buttons_mc.getNextHighestDepth());

buttons_mc.attachMovie("stop_on","stop_on_mc",buttons_mc.getNextHighestDepth());
buttons_mc.attachMovie("stop_over","stop_over_mc",buttons_mc.getNextHighestDepth());
buttons_mc.attachMovie("stop_off","stop_off_mc",buttons_mc.getNextHighestDepth());

buttons_mc.attachMovie("current_photo","current_photo_mc",buttons_mc.getNextHighestDepth());

buttons_mc.current_photo_mc._x = 50;
buttons_mc.current_photo_mc._y = 25;

buttons_mc.prev_over_mc._x = 50;
buttons_mc.prev_over_mc._y = 50;
buttons_mc.prev_off_mc._x = 50;
buttons_mc.prev_off_mc._y = 50;

buttons_mc.play_off_mc._x = 50;
buttons_mc.play_off_mc._y = 80;
buttons_mc.play_over_mc._x = 50;
buttons_mc.play_over_mc._y = 80;
buttons_mc.play_on_mc._x = 50;
buttons_mc.play_on_mc._y = 80;

buttons_mc.stop_off_mc._x = 50;
buttons_mc.stop_off_mc._y = 110;
buttons_mc.stop_over_mc._x = 50;
buttons_mc.stop_over_mc._y = 110;
buttons_mc.stop_on_mc._x = 50;
buttons_mc.stop_on_mc._y = 110;

buttons_mc.next_over_mc._x = 50;
buttons_mc.next_over_mc._y = 140;
buttons_mc.next_off_mc._x = 50;
buttons_mc.next_off_mc._y = 140;

container1_mc._x = 100;
container1_mc._y = 0;

container2_mc._x = 100;
container2_mc._y = 0;

//-------XML ------//
var myXML:XML = new XML();
myXML.ignoreWhite = true;

var picArray:Array = new Array();
var currentElement:Number = 0;

myXML.onLoad = function(success) {
	if (success) {
		var ss:Array = myXML.firstChild.childNodes;
		for (i=0;i 0) {
		currentElement--;
		buttons_mc.current_photo_mc.curr_photo.text = "No. " + (currentElement+1) + " of " + nbr_of_photos;
	}
	else
	{
		currentElement = picArray.length-1;
		buttons_mc.current_photo_mc.curr_photo.text = "No. " + (currentElement+1) + " of " + nbr_of_photos;
	}
	myMCL.loadClip(picArray[currentElement],currentContainer);
}

function fadeIn() {
	new Tween(currentContainer,"_alpha",Strong.easeOut,0,100,36,false);
}

function autoPlayPhotos() {
  if (currentElement < picArray.length-1)
  {
	autoPlayPhotos2();  
  }
  else
  {
    current_state = "stop";
	clearInterval( intervalID );
	buttons_mc.play_on_mc.swapDepths(buttons_mc.play_off_mc);
  }
}

function autoPlayPhotos2() { 
   if (currentContainer == container1_mc) {
		currentContainer = container2_mc;
	}
	else
	{
		currentContainer = container1_mc;
	}
	currentContainer._alpha = 0;
	container1_mc.swapDepths(container2_mc);
	if (currentElement < picArray.length-1) {
		currentElement++;
		buttons_mc.current_photo_mc.curr_photo.text = "No. " + (currentElement+1) + " of " + nbr_of_photos;
	}
	else
	{
		currentElement = 0;
		buttons_mc.current_photo_mc.curr_photo.text = "No. " + (currentElement+1) + " of " + nbr_of_photos;
	}
	myMCL.loadClip(picArray[currentElement],currentContainer);     
}

var intervalID; 

buttons_mc.play_off_mc.onRollOver = function() {
	buttons_mc.play_off_mc.swapDepths(buttons_mc.play_over_mc);	
}

buttons_mc.play_over_mc.onRollOut = function() {
	buttons_mc.play_over_mc.swapDepths(buttons_mc.play_off_mc);
}

buttons_mc.play_over_mc.onReleaseOutside = function() {
	buttons_mc.play_over_mc.swapDepths(buttons_mc.play_off_mc);
}

buttons_mc.play_over_mc.onRelease = function() {
	if (current_state == "stop")
	{
	  currentElement = -1;	 
	  current_state = "play";	
      buttons_mc.play_over_mc.swapDepths(buttons_mc.play_on_mc);
	  autoPlayPhotos();
      intervalID = setInterval( autoPlayPhotos, 3000 );
	}
}

buttons_mc.stop_off_mc.onRollOver = function() {
	buttons_mc.stop_off_mc.swapDepths(buttons_mc.stop_over_mc);
}

buttons_mc.stop_over_mc.onRollOut = function() {
	buttons_mc.stop_over_mc.swapDepths(buttons_mc.stop_off_mc);
}

buttons_mc.stop_over_mc.onReleaseOutside = function() {
	buttons_mc.stop_over_mc.swapDepths(buttons_mc.stop_off_mc);
}

buttons_mc.stop_over_mc.onRelease = function() {	
    if (current_state == "play")
	{ 
	   current_state = "stop";
	   clearInterval( intervalID );
	   buttons_mc.play_on_mc.swapDepths(buttons_mc.play_off_mc);
	}
}
	
-----------------------------------------------------------	
XML data for photos, stored in external file slideshow.xml:

<?xml version="1.0" encoding="ISO-8859-1"?>
<slideshow>

<picture url="slideshow_photos/passenger_briefing.jpg" />
<picture url="slideshow_photos/assemble_burners.jpg" />
<picture url="slideshow_photos/install_burners.jpg" />  
<picture url="slideshow_photos/burner_test.jpg" />
<picture url="slideshow_photos/basket.jpg" />            
<picture url="slideshow_photos/basket_interior.jpg" />   
<picture url="slideshow_photos/install_parachute_top.jpg" />
<picture url="slideshow_photos/cold_inflation.jpg" />
<picture url="slideshow_photos/cold_inflation_fan.jpg" />
<picture url="slideshow_photos/view_through_the_throat.jpg" />

<picture url="slideshow_photos/inflating_with_friends.jpg" />
<picture url="slideshow_photos/half_full.jpg" />
<picture url="slideshow_photos/smiley_parachute_top_installation.jpg" />     
<picture url="slideshow_photos/interior_inspection.jpg" />  
<picture url="slideshow_photos/everythings_aok.jpg" />
<picture url="slideshow_photos/hot_inflation.jpg" />  
<picture url="slideshow_photos/heating_the_envelope.jpg" />  
<picture url="slideshow_photos/venting_top.jpg" />                
<picture url="slideshow_photos/ready_for_liftoff.jpg" />
<picture url="slideshow_photos/lift_off.jpg" />

<picture url="slideshow_photos/up_up_and_away.jpg" />
<picture url="slideshow_photos/sail_away.jpg" />
<picture url="slideshow_photos/flying_at_tree_top.jpg" />
<picture url="slideshow_photos/hampshire_high.jpg" />
<picture url="slideshow_photos/flying_lakeside.jpg" />
<picture url="slideshow_photos/local_pond.jpg" />
<picture url="slideshow_photos/colors_of_fall.jpg" />
<picture url="slideshow_photos/night_balloon_glow.jpg" />
<picture url="slideshow_photos/peek_a_boo.jpg" />
<picture url="slideshow_photos/water_reflection.jpg" />

<picture url="slideshow_photos/chase_vehicle.jpg" />
<picture url="slideshow_photos/landing.jpg" />
<picture url="slideshow_photos/open_parachute_vent.jpg" />
<picture url="slideshow_photos/deflation.jpg" />
<picture url="slideshow_photos/im_melting.jpg" />
<picture url="slideshow_photos/squeeze_out_hot_air.jpg" />
<picture url="slideshow_photos/strap_balloon_for_storage.jpg" />
<picture url="slideshow_photos/back_in_the_cart.jpg" />
<picture url="slideshow_photos/cart_back_to_the_trailer.jpg" />

<picture url="slideshow_photos/stow_equipment.jpg" />
<picture url="slideshow_photos/slide_basket_onto_storage_cart.jpg" />
<picture url="slideshow_photos/equipment_back_in_trailer.jpg" />
<picture url="slideshow_photos/post_flight_champagne_toast.jpg" />
<picture url="slideshow_photos/post_flight_picnic.jpg" />
<picture url="slideshow_photos/picnic_at_taylor_mill_pond.jpg" />
<picture url="slideshow_photos/please_come_fly_with_us.jpg" />

</slideshow>



©2009 Kroll Web Design    davidarthurkroll@verizon.net    781.449.2129

Valid XHTML 1.0 Transitional Valid CSS!