I have taken Voets Flashlevel scroller and was successful at turning it sideways so that it will load the images horizontally and still scroll with the easing. The only problem is that I can’t figure out how to space the images based upon the last image loaded width.
Anyone know how to get the width of the last imag
e loaded?
Here is the script for the scroller
MovieClip.prototype.easeY = function(y) {
this.onEnterFrame = function() {
this._x = y-(y-this._x)/1.2;
if (Math.abs(y-this._x)<=1) {
delete this.onEnterFrame;
this._x = y;
}
};
};
images = new Array();
xml_file = "images.xml";
xmlload = new XML();
xmlload.ignoreWhite = true;
xmlload.onLoad = function(ok) {
if (ok) {
count = this.firstChild.childNodes.length;
for (var i = 0; i<count; i++) {
curNode = this.firstChild.childNodes*;
images* = {path:curNode.childNodes[0].firstChild.nodeValue, link:curNode.childNodes[1].firstChild.nodeValue, caption:curNode.childNodes[2].firstChild.nodeValue};
}
boot();
} else {
trace("Could not load "+xml_file+".");
}
};
xmlload.load(xml_file);
// ------------------------------------------------------------
spacing = 10;
boot = function () {
for (var i = 0; i<images.length; i++) {
mc = container.attachMovie("thumbMC", "thumb"+i, i);
mc._x = i*(55+spacing);
mc.path = images*.path;
// mc.over.captionMC.caption.text = images*.caption;
}
setRollOver();
};
setRollOver = function () {
this.onEnterFrame = function() {
if (this.mask.hitTest(_root._xmouse, _root._ymouse)) {
slideMenu();
}
};
};
slideMenu = function () {
diff = _root._xmouse-this._x;
scale = diff*100/this.mask._width;
target = -scale*(this.container._width-this.mask._width)/100;
this.container.easeY(target);
};