Resizing movie in image slide show

i’m trying to make a slide show
under the image is a grey bar that has to resize to every new image width.

i found this kind of effect on this very nice site of a german photographer

http://www.schmidtfoto.de/

i would like to implement this into my design

however … how do you make this kind of thing?

i tried to make it by making some changes to a script i found a kirupa, but … i don’t get the right result.

regards
stijn

that kind of thing is (at least for me) very complicated to do you have to do something like a component because it needs dynamic resizing and different effect with dynamic targets

What code do you have at the moment?
Have a look here
http://home.wanadoo.nl/gertvinke/main.html

scotty(-:

that’s EXACTLY what i’m trying

but the thing i have doesn’t works

i found the following i’m currently working on … but i think it will take me lots of time to implement in the slide show of kirupa

this.createEmptyMovieClip(“container”, 1);
container.createEmptyMovieClip(“image”, 2);
container.createEmptyMovieClip(“bar”, 3);
container.bar.lineStyle(0);
container.bar.lineTo(10, 0);
container.bar.lineTo(10, 10);
container.bar.lineTo(0, 10);
container.bar.lineTo(0, 0);
container.image.loadMovie(“data/landscapes/images/1.jpg”);

container.image._alpha = 0;
container.onEnterFrame = function() {
_global.zoomIt = false;
if (this._width>10) {
_global.breedte = this._width;
_global.hoogte = this._height;
_global.zoomIt = true;
delete onEnterFrame;
}
};
container.bar.onEnterFrame = function() {
var diffX = Math.floor(breedte-this._width);
var diffY = Math.floor(hoogte-this._height);
this._width += diffX/5;
this._height += diffY/5;

	container._x = 400-(breedte/2);
	container._y = 300-(hoogte/2);


    if (_root.container.image._alpha<100) {
            _root.container.image._alpha += 5;
    }

};

did you made the code because of my post?
because “very good” wouldn’t be enough to describe your actionscript skills.

belgian greetings

stijn

Lol, no the original is the photogallery tut here on kirupa.
I adapted it in the past for centering the images and now added your grey bar.
I’ll attach the fla w/o the pictures (for size reasons), all you have to do is put your pictures in a folder named “size” (or change the name in the AS in your foldername).

Look in the codelayer for the actions which i commented (a little) and feel free to ask if you don’t understand:)

scotty(-: