# Scroll Pane Issue

**URL:** <https://forum.kirupa.com/t/scroll-pane-issue/237292>\
**Category:** flash\
**Created:** [August 29, 2007, 1:02am UTC](https://forum.kirupa.com/t/scroll-pane-issue/237292 "2007-08-29T01:02:53Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![choule](https://avatars.discourse-cdn.com/v4/letter/c/3d9bf3/32.png) [@choule](https://forum.kirupa.com/u/choule)\
**Post date:** [August 29, 2007, 1:02am UTC](https://forum.kirupa.com/t/scroll-pane-issue/237292/1 "2007-08-29T01:02:53Z")

</div>

Hi Everyone!  
Thank you all for your help! I am learning so much!  
Right now I am trying to get two small things to work, but haven’t had any luck for the past few days!

1.) I am making a site with a horizontal scroller that displays externally loaded jpgs. I can only get one of the images to load at a time for some reason.

2.) On this same site I want that scroller to always expand to 100% width of the broswer window. I don’t want it to scale up, but to expand to show more of the images. I can’t get the images inside the scroller to stay at their scale for some reason.

A link to the swf:  
[http://chadhoule.com/test/test-scollbars.swf](http://chadhoule.com/test/test-scollbars.swf)

A link to the flash file, zipped:  
[http://chadhoule.com/test/scrollbars.zip](http://chadhoule.com/test/scrollbars.zip)

```auto
Stage.align = "LT"; 
// prevent the Flash movie from resizing when the browser window changes size. 
Stage.scaleMode = "noScale"; 

// create a listener object 
stageListener = new Object(); 
// add a methods for it to do certain things when the Stage is resized by our user 
stageListener.onResize = function() { 
expandTop(); 
expandBodyText(); 
} 

Stage.addListener(stageListener); 

expandTop = function() { 
// expand the top banner/header/masthead - whatever you want to call it - to be as wide as the stage 
myScrollPane._width = Stage.width; 
// then move our nice little "contact us" button so it stays right-aligned with the page 
contact._x = Stage.width - contact._width - 10; 
} 

expandBodyText = function() { 
body_txt._height = Stage.height - body_txt._y - 10; 
myScrollBar.setSize(Stage.height - myScrollBar._y - 10); 
} 

// Create a listener object event function. The progress bar is an object so needs an object function to work 
myProgressBarListener = new Object(); 

// When the progress bar is complete and has preloaded the Scroll Pane component content, the listener will call and run this code below: 
myProgressBarListener = function (eventObject) { 

// Hide the progress bar now as we don’t need it any more 
myProgressBar._visible = false; 

// Closes the above function 
}; 

// Set the location of the content to be loaded 
myScrollPane.contentPath = "picture1.jpg", "picture2.jpg"; 

// Stop the movie at the frame until the move has been preloaded 
stop();

```