# MovieClipLoader Class to preload JPGS

**URL:** https://forum.kirupa.com/t/moviecliploader-class-to-preload-jpgs/268728
**Category:** flash
**Created:** [August 18, 2008, 5:35am UTC](https://forum.kirupa.com/t/moviecliploader-class-to-preload-jpgs/268728 "2008-08-18T05:35:11Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![tokyoboy](https://avatars.discourse-cdn.com/v4/letter/t/e274bd/32.png) [@tokyoboy](https://forum.kirupa.com/u/tokyoboy)
#### Post date: [August 18, 2008, 5:35am UTC](https://forum.kirupa.com/t/moviecliploader-class-to-preload-jpgs/268728/1 "2008-08-18T05:35:11Z")

</div>

Hey all,

I’m having a problem that I can’t quite figure out. I’m attempting to create the “shop” section of a client’s website, which involves displaying the photos of the jewelry, and then loading the appropriate information when each of them are clicked on. The movie clip duplicates just fine, but the images are not showing up. The image URLS are loaded from an external XML file, as you can see in the code.

I have one instance of the movie clip on the stage with instance name “picContainer”. It contains a dynamic text field with instance name “loadPercent”. I’m trying to resize the JPGs to 100x100, despite the fact that they are much larger than that.

Thank you very much for your time!

Here’s the code:

```auto

import mx.transitions.Tween;
import mx.transitions.easing.*;

var jxml:XML = new XML();
jxml.ignoreWhite = true;

var photos:Array = new Array();

jxml.onLoad = loadRocks;

var picX = picContainer._x;
var picY = picContainer._y;
var numOfImgs:Number;

function loadRocks() {
    var jewels:Array = this.firstChild.childNodes;
    for(i=0;i<jewels.length;i++) {
        photos.push(jewels*.attributes.photo1);
        trace(jewels*.attributes.photo1.toString());
    }
    trace("start LOADROCKS");
    trace(photos.length);
    trace("loadRocks");
    for (var i=0; i<photos.length; i++) {
        currContainer = "picContainer"+i;
        var containerDup = picContainer.duplicateMovieClip(currContainer,i,{_x:picX,_y:picY,_alpha:0});
        var empty = containerDup.createEmptyMovieClip("jpg_container",i*50);
        empty._x = empty._y = 0;
        empty._width = 100;
        empty._height = 100;
        containerDup.ID = i;
        var picTween:Tween = new Tween(containerDup,"_alpha",Strong.easeIn,0,100,1,true);

        
        //PRELOAD JPG-----------------
        
        var loader:MovieClipLoader = new MovieClipLoader();
        var preload:Object = new Object();
        
        preload.onLoadProgress = function (targetMC,lBytes,tBytes) {
            containerDup.loadPercent.text = Math.round((lBytes/tBytes)*100)+"%";
        }
        
        preload.onLoadInit = function () {
            containerDup.loadPercent = "";
            trace("loadCOMPLETE");
        }
        
        preload.onLoadError = function () {
            trace("AN ERROR OCCURRED!");
        }
        loader.addListener(preload);

        loader.loadClip(jewels*.attributes.photo1,containerDup.jpg_container);
        
        //-------------------------------------
        picX += 102;
        numOfImgs++;
        if (picX > 500) {
            picX = 20;
            picY += 102;
        }
        containerDup.onRelease = function () {
            getURL("http://www.catharsiswd.com/sandbox/telemundo/"+this.ID,"_blank");
        }
    }
}

jxml.load("http://www.mar-artandstone.com/products.php");

```