Hi all.
I am relatively new to flash and kirupa and i was wondering if i could get some advice from the community. I have made a website the requires images to load in dynamically and to expand or grow, then fade into the next image.
Now i have this working but it makes the site VERY jerky. i have not figured out how to incorporate loading SMOOTHED images into the site so i have made the images swf files and imported them. Any feedback on how to make it so the site is not jerky will be much appreciated.
I also use tweener (new mctween)
here is the code.
//----------------------------------------------------------
//— VARIABLES FOR IMAGE LOAD AND SWAP —
pageCount = 1;
loadingImage = 2;
loadedImageCount = 1;
minImages = 1;
maxImages = 23;
//— LOADS ALL THE IMAGES IN ON AT A TIME —
function loadImages() {
if (_root.loadedImageCount<_root.maxImages) {
imagesHolder = _root.mainImageTween.mainImageHolder.createEmptyMovieClip(“image”+loadingImage, loadingImage);
Tweener.addTween(_root.mainImageTween.mainImageHolder[“image”+loadingImage],{ _scale:85, _alpha:0, _x:-900});
imgLoader = new MovieClipLoader();
listener = new Object();
listener.onLoadProgress = function(target:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void {
//trace(target+".onLoadProgress with "+bytesLoaded+" bytes of "+bytesTotal);
};
imgLoader.addListener(listener);
imgLoader.loadClip("images/image"+loadingImage+".swf",_root.imagesHolder);
interval = new Object();
interval.id = setInterval(checkProgress, 100, imgLoader, imagesHolder, interval);
}
}
//— CHECKS IF IMAGE HAS FINISHED LOADING BEFORE LOADING THE NEXT IMAGE —
function checkProgress(imgLoader, imagesHolder, interval:Object):Void {
//trace(">> checking progress now with : "+interval.id);
var progress:Object = imgLoader.getProgress(imagesHolder);
//trace("bytesLoaded: “+progress.bytesLoaded+” bytesTotal: "+progress.bytesTotal);
if (progress.bytesLoaded == progress.bytesTotal) {
clearInterval(interval.id);
_root.loadedImageCount++;
_root.loadingImage++;
_root.loadImages();
}
}
//— LOADS ALL THE IMAGES IN ON AT A TIME —
var intervalId:Number;
//— CONTROLS THE IMAGES SWAPPING —
function executeCallback():Void {
if (pageCount == loadedImageCount) {
pageCount = 1;
Tweener.addTween(_root.mainImageTween.mainImageHolder.image1,{_x:0, time:0, transition:“linear”});
Tweener.addTween(_root.mainImageTween.mainImageHolder.image1,{_alpha:100, time:2, transition:“linear”});
Tweener.addTween(_root.mainImageTween.mainImageHolder.image1,{_scale:90, time:8, transition:“linear”});
Tweener.addTween(_root.mainImageTween.mainImageHolder[“image”+loadedImageCount],{_alpha:0, time:2});
Tweener.addTween(_root.mainImageTween.mainImageHolder[“image”+loadedImageCount],{_scale:85, _x:-900, time:0, delay:2});
//clearInterval(intervalId);
} else {
pageCount++;
Tweener.addTween(_root.mainImageTween.mainImageHolder[“image”+_root.pageCount],{_x:0, time:0});
Tweener.addTween(_root.mainImageTween.mainImageHolder[“image”+_root.pageCount],{_alpha:100, time:2, transition:“linear”});
Tweener.addTween(_root.mainImageTween.mainImageHolder[“image”+_root.pageCount],{_scale:90, time:8, transition:“linear”});
Tweener.addTween(_root.mainImageTween.mainImageHolder[“image”+(_root.pageCount-1)],{_scale:85, _alpha:0, _x:-900, time:0, delay:2});
}
}
//— SETS INTERVAL TO SWAP IMAGES EVERY 7 SECONDS —
intervalId = setInterval(this, “executeCallback”, 7000);
loadImages();
//------------------------------------------------------
