Resizing movie in image slide show

1

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

2

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

3

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

scotty(-:

4

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

5

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(-: