So I have this Fullscreen Flash photography website. The home page has a time controlled image loading, and and dynamically resize images based on browser size, the home page is a page that uses xml to dynamically load images from a xml file. When the home page is played locally thru a webbrowser works like a charm when loaded on the internet. The images load funny and the timming gets messed with and the loader bar flckers. but if u hit refresh in the browerser everything works fine. Does anyone have anyideas. the swf is loaded thru a swfobject.
Here is the site location, all the other buttons are deactivated
http://johnnelson.org/redpocket/index.html
Here is the code that i have used
import gs.TweenMax;
import gs.easing.*;
stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;
var _xml:XML;
var urlloader:URLLoader;
var _xml_length:int;
var _image_ar:Array = new Array();
var cur_index:int = 0;
var pressed:Boolean;
var mc1:Sprite;
var mc2:Sprite;
var curMovie:Sprite;
var masc1:Sprite;
var masca2:Sprite;
var loader_sp:Sprite;
var only_once_pressed:Boolean = true;
var swap:int = 1;
var is_tweening:Boolean = false;
var width1:Number;
var width2:Number;
var height1:Number;
var height2:Number;
init();
//------------INIT--------------//
function init():void {
loadPortfolio();
}
// loadBigImages(stage.getChildAt(0).cur_index);
var myTimer:Timer = new Timer( 5000 , 0 );
myTimer.addEventListener(TimerEvent.TIMER, timerHandler);
myTimer.start();
function timerHandler( e:TimerEvent ):void{
var c = cur_index + 1;
if( c > (_xml_length-1) ) c = 0;
loadBigImages( c );
}
//xml code
function loadPortfolio():void {
urlloader = new URLLoader();
urlloader.dataFormat = URLLoaderDataFormat.TEXT;
urlloader.load(new URLRequest(“load/load_home.xml”));
urlloader.addEventListener(Event.COMPLETE,portfolioLoaderOnComplete);
urlloader.addEventListener(IOErrorEvent.IO_ERROR,portfolioLoaderOnIoError);
function portfolioLoaderOnComplete(e:Event):void {
_xml = XML(e.target.data);
_xml_length = _xml.*.length();
populateArrays();
initBigMovies();
}
function portfolioLoaderOnIoError(e:IOErrorEvent):void {
urlloader = null;
trace(“SOME ERROR PLESE REPTORT THIS”);
}
}
//POPULATE ARRAYS---------------------------------------------------------------//
function populateArrays():void {
for (var i:int = 0; i<_xml_length; i++) {
_image_ar* = _xml.image*;
trace(_image_ar*);
}
}
function initBigMovies():void {
if (only_once_pressed) {
mc1 = new Sprite();
mc2 = new Sprite();
mc1.name = “mc1”;
mc2.name = “mc2”;
masc1 = new Sprite();
masc2 = new Sprite();
loader_sp = new Sprite();
masc1.graphics.beginFill(0x00FF00,1);
masc1.graphics.drawRect(0,0,100,100);
masc1.graphics.endFill();
masc2.graphics.beginFill(0xFFFF00,1);
masc2.graphics.drawRect(0,0,100,100);
masc2.graphics.endFill();
loader_sp.graphics.beginFill(0xED192D,1);
loader_sp.graphics.drawRect(0,0,1,3);
loader_sp.graphics.endFill();
stage.addChild(mc1);
stage.addChild(mc2);
stage.addChild(masc1);
stage.addChild(masc2);
stage.addChild(loader_sp);
loader_sp.visible = false;
mc1.mask = masc1;
mc2.mask = masc2;
loadBigImages(cur_index);
setPropForImagesAndMasks()
// control_box.x = stage.stageWidth - control_box.width;
control_box.x = 0;
control_box.y = stage.stageHeight;
control_box.updateText();
stage.addChild(control_box);
loader_sp.y = stage.stageHeight - loader_sp.height;
//setPropForImagesAndMasks();
}
}
function loadBigImages(id:int):void {
cur_index = id;
if (swap == 1) {
trace(“LOADING IN MOVIE 1”)
loadBigImage(_image_ar[id],mc1);
curMovie = mc1;
swap = 2;
} else {
trace(“LOADING IN MOVIE 2”)
loadBigImage(_image_ar[id],mc2);
curMovie = mc2;
swap = 1;
}
only_once_pressed = false;
}
//--------------------------------MASK AND IMAGES PROPORTIONS-------------------//
function setPropForImagesAndMasks():void {
stage.addEventListener(Event.RESIZE,resizeImages);
masc1.height = masc2.height = stage.stageHeight;
}
function resizeImages(e:Event):void {
calc(mc1,width1,height1);
calc(mc2,width2,height2);
masc1.height = masc2.height = stage.stageHeight;
TweenMax.to(masc1,.8,{width:stage.stageWidth,delay:.1,ease:Quart.easeOut});
TweenMax.to(masc2,.8,{width:stage.stageWidth,delay:.1,ease:Quart.easeOut});
//TweenMax.to(control_box,.8,{x:stage.stageWidth - control_box.width,y:stage.stageHeight,ease:Quart.easeOut});
TweenMax.to(control_box,.8,{x:0,y:stage.stageHeight,ease:Quart.easeOut});
// Move Loader to bottom
loader_sp.y = stage.stageHeight - loader_sp.height;
}
//-------------------------------LOADING BIG IMAGESS----------------------------//
function loadBigImage(path:String,holder:*):void {
trace(path);
trace(holder);
loader_sp.visible = true;
stage.mouseChildren = false;
loader_sp.width = 1;
stage.setChildIndex(loader_sp,stage.numChildren -1);
var loader:Loader = new Loader();
loader.load(new URLRequest(path));
loader.contentLoaderInfo.addEventListener(Event.COMPLETE,handleComplete);
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,handleProgress);
loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR,handleIoError);
function handleProgress(e:ProgressEvent):void {
var percent:Number = e.bytesLoaded/e.bytesTotal;
loader_sp.width = percent * stage.stageWidth;
}
function handleIoError(e:IOErrorEvent):void {
trace(“ERROR LOADING IMAGE”);
loader_sp.visible = false;
stage.mouseChildren = true;
}
function handleComplete(e:Event) {
var bitmap:Bitmap = new Bitmap();
bitmap = loader.content
bitmap.smoothing = true;
holder.addChild(bitmap);
if (curMovie == mc1) {
width1 = bitmap.width;
height1 = bitmap.height;
masc1.width = 1;
stage.setChildIndex(mc1,stage.numChildren -1);
stage.setChildIndex(masc1,stage.numChildren -1);
stage.setChildIndex(control_box,stage.numChildren -1);
calc(mc1,width1,height1);
trace(“FINISH LOADING IN MOVIE 1”)
TweenMax.to(masc1,.8,{width:stage.stageWidth,ease:Quart.easeOut,onComplete:makeRootInvisible,onCompleteParams :[masc1]});
} else {
width2 = bitmap.width;
height2 = bitmap.height;
masc2.width = 1;
stage.setChildIndex(mc2,stage.numChildren -1);
stage.setChildIndex(masc2,stage.numChildren -1);
stage.setChildIndex(control_box,stage.numChildren -1);
calc(mc2,width2,height2);
trace(“FINISH LOADING IN MOVIE 2”)
TweenMax.to(masc2,.8,{width:stage.stageWidth,ease:Quart.easeOut,onComplete:makeRootInvisible,onCompleteParams :[masc2]});
}
loader_sp.width = stage.stageWidth;
stage.setChildIndex(loader_sp,stage.numChildren -1);
TweenMax.to(loader_sp,.8,{width:1,ease:Quart.easeIn});
loader.contentLoaderInfo.removeEventListener(IOErrorEvent.IO_ERROR,handleIoError);
loader.contentLoaderInfo.removeEventListener(ProgressEvent.PROGRESS,handleProgress);
loader.contentLoaderInfo.removeEventListener(Event.COMPLETE,handleComplete);
loader = null;
}
}
function makeRootInvisible(arg1:Sprite):void {
if(arg1 == masc1){
try{
mc2.getChildAt(0).bitmapData.dispose();
mc2.removeChildAt(0);
}catch(e:){
trace(“THERE IS NO IMAGE IN THERE MC 1”)
}
}else{
try{
mc1.getChildAt(0).bitmapData.dispose();
mc1.removeChildAt(0);
}catch(e:){
trace(“THERE IS NO IMAGE IN THERE”)
}
}
loader_sp.visible = false;
stage.mouseChildren = true;
}
//-------------IMAGE RATIO----------------------------//
function calc(mc,W,H) {
var obj1 = new Object();
var sW = stage.stageWidth;
var sH = stage.stageHeight;
var _loc2:Number = obj1.sCx = sW/W;
var sCy = obj1.sCy = sH/H;
if (_loc2<sCy) {
_loc2 = sCy;
}
obj1.wD = _loc2 * W;
obj1.hT = _loc2 * H;
obj1.X = obj1.Y = 0;
if (obj1.wD>sW) {
obj1.X = -Math.round((obj1.wD-sW)/2);
}
if (obj1.hT>sH) {
obj1.Y = -Math.round((obj1.hT-sH)/2);
}
mc.x = sW/2 - obj1.wD/2 ;
mc.y = sH/2 - obj1.hT/2 ;
mc.scaleX = obj1.wD/W1;
mc.scaleY = obj1.hT/H1;
}
/function enableSite():void{
try{
mc2.getChildAt(0).bitmapData.dispose();
mc1.getChildAt(0).bitmapData.dispose();
}catch(e:){
trace(“ONE BITMAP DISPOSED”)
}
stage.removeChild(control_box);
stage.removeChild(mc1);
stage.removeChild(mc2);
stage.removeChild(masc1);
stage.removeChild(masc2);
stage.removeChild(loader_sp);
mc1 = null;
mc2 = null;
masc1 = null;
masc2 = null;
loader_sp = null;
stage.mouseChildren = true;
root.main_mc.clients_mc.mouseEnabled = true;
}*/
Please help me i am at a lost