I’m having a scrolling issue in my XML gallery, all the images load and work fine, but the scrolled only scrolls through the height of the movie clip when it has been made in flash, not the height after the dynamic objects load, any ideas?
XML code:
<?xml version=“1.0” ?>
<portfolio>
<picture heading = “Abby way”
desc = “Modeled in 3D studio Max, imaged gathered from an online free texture database, rendered in Vray.”
image = “abbey.jpg”
/>
<picture heading = “Bottle and Shotglasses”
desc = “Modeled in 3D studio Max, rendered in Vray.”
image = “bottleandshots.jpg”
/>
<picture heading = "Stylized Heart "
desc = “WIP - old file modeled after a human heart connected to vains that are simi-shpere.”
image = “heartshpere.jpg”
/>
<picture heading = “Robotic Spyder”
desc = “Modeled in 3D studio Max, rendered in Vray. A fully rigged and animatable .”
image = “robospyder.jpg”
/>
<picture heading = “Vending Machine”
desc = “Modeled in 3D studio Max, rendered in Vray.”
image = “vending.jpg”
/>
<picture heading = “Stylized Tree”
desc = “Modeled in 3D studio Max, rendered in Vray.”
image = “tree.jpg”
/>
<picture heading = “Abby way”
desc = “Modeled in 3D studio Max, imaged gathered from an online free texture database, rendered in Vray.”
image = “abbey.jpg”
/>
<picture heading = “Bottle and Shotglasses”
desc = “Modeled in 3D studio Max, rendered in Vray.”
image = “bottleandshots.jpg”
/>
<picture heading = "Stylized Heart "
desc = “WIP - old file modeled after a human heart connected to vains that are simi-shpere.”
image = “heartshpere.jpg”
/>
<picture heading = “Robotic Spyder”
desc = “Modeled in 3D studio Max, rendered in Vray. A fully rigged and animatable .”
image = “robospyder.jpg”
/>
<picture heading = “Vending Machine”
desc = “Modeled in 3D studio Max, rendered in Vray.”
image = “vending.jpg”
/>
<picture heading = “Stylized Tree”
desc = “Modeled in 3D studio Max, rendered in Vray.”
image = “tree.jpg”
/>
<picture heading = “Abby way”
desc = “Modeled in 3D studio Max, imaged gathered from an online free texture database, rendered in Vray.”
image = “abbey.jpg”
/>
<picture heading = “Bottle and Shotglasses”
desc = “Modeled in 3D studio Max, rendered in Vray.”
image = “bottleandshots.jpg”
/>
<picture heading = "Stylized Heart "
desc = “WIP - old file modeled after a human heart connected to vains that are simi-shpere.”
image = “heartshpere.jpg”
/>
<picture heading = “Robotic Spyder”
desc = “Modeled in 3D studio Max, rendered in Vray. A fully rigged and animatable .”
image = “robospyder.jpg”
/>
<picture heading = “Vending Machine”
desc = “Modeled in 3D studio Max, rendered in Vray.”
image = “vending.jpg”
/>
<picture heading = “Stylized Tree”
desc = “Modeled in 3D studio Max, rendered in Vray.”
image = “tree.jpg”
/>
</portfolio>
Flash code:
myPhoto = new XML();
myPhoto.ignoreWhite = true;
myPhoto.onLoad = function(success) {
//portfolioTag = this.firstChild;
numimages = this.firstChild.childNodes.length;
spacing = 46;
for (i=0; i<numimages; i++) {
this.picHolder = this.firstChild.childNodes*;
this.thumbHolder = thumbnails_mc.createEmptyMovieClip(“thumbnail”+i, i);
this.thumbHolder._y = ispacing;
this.thumbHolder._x = 0;
this.thumbLoader = this.thumbHolder.createEmptyMovieClip(“thumbnail_image”, 0);
this.thumbLoader.loadMovie(“gallery/thumbs/”+this.picHolder.attributes.image);
this.thumbHolder.title = this.picHolder.attributes.heading;
this.thumbHolder.desc = this.picHolder.attributes.desc;
this.thumbHolder.image = (“gallery/3d/”+this.picHolder.attributes.image);
this.thumbHolder.onRollOver = function() {
info_txt.text = this.title;
};
this.thumbHolder.onRelease = function() {
largeimg_mc.loadMovie(this.image);
description_txt.text = this.desc;
};
}
};
myPhoto.load(“gallery3.xml”);
this.thumbnails_mc.height = 46 * this.numimages;
trace (this.thumbnails_mc.height);
/////////////////////////////
scrolling = function () {
var scrollHeight:Number = scrolltrack_mc._height;
var contentHeight:Number = thumbnails_mc._height;
var scrollFaceHeight:Number = scrollface_mc._height;
var maskHeight:Number = maskedView._height;
var initPosition:Number = scrollface_mc._y=scrolltrack_mc._y;
var initContentPos:Number = thumbnails_mc._y;
var finalContentPos:Number = maskHeight-contentHeight+initContentPos;
var left:Number = scrolltrack_mc._x;
var top:Number = scrolltrack_mc._y;
var right:Number = scrolltrack_mc._x;
var bottom:Number = scrolltrack_mc._height-scrollFaceHeight+scrolltrack_mc._y;
var dy:Number = 0;
var speed:Number = 10;
var moveVal:Number = (contentHeight-maskHeight)/(scrollHeight-scrollFaceHeight);
scrollface_mc.onPress = function() {
var currPos:Number = this._y;
startDrag(this, false, left, top, right, bottom);
this.onMouseMove = function() {
dy = Math.abs(initPosition-this._y);
thumbnails_mc._y = Math.round(dy-1*moveVal+initContentPos);
};
};
scrollface_mc.onMouseUp = function() {
stopDrag();
delete this.onMouseMove;
};
btnUp.onPress = function() {
this.onEnterFrame = function() {
if (thumbnails_mc._y+speed<maskedView._y) {
if (scrollface_mc._y<=top) {
scrollface_mc._y = top;
} else {
scrollface_mc._y -= speed/moveVal;
}
thumbnails_mc._y += speed;
} else {
scrollface_mc._y = top;
thumbnails_mc._y = maskedView._y;
delete this.onEnterFrame;
}
};
};
btnUp.onDragOut = function() {
delete this.onEnterFrame;
};
btnUp.onRollOut = function() {
delete this.onEnterFrame;
};
btnUp.onRelease = function() {
delete this.onEnterFrame;
};
btnDown.onPress = function() {
this.onEnterFrame = function() {
if (thumbnails_mc._y-speed>finalContentPos) {
if (scrollface_mc._y>=bottom) {
scrollface_mc._y = bottom;
} else {
scrollface_mc._y += speed/moveVal;
}
thumbnails_mc._y -= speed;
} else {
scrollface_mc._y = bottom;
thumbnails_mc._y = finalContentPos;
delete this.onEnterFrame;
}
};
};
btnDown.onDragOut = function() {
delete this.onEnterFrame;
};
btnDown.onRollOut = function() {
delete this.onEnterFrame;
};
btnDown.onRelease = function() {
delete this.onEnterFrame;
};
if (contentHeight<maskHeight) {
scrollface_mc._visible = false;
btnUp.enabled = false;
btnDown.enabled = false;
} else {
scrollFace._visible = true;
btnUp.enabled = true;
btnDown.enabled = true;
}
};
