# Resizing movie in image slide show

**URL:** <https://forum.kirupa.com/t/resizing-movie-in-image-slide-show/42678>\
**Category:** Uncategorized\
**Created:** [February 11, 2004, 8:18pm UTC](https://forum.kirupa.com/t/resizing-movie-in-image-slide-show/42678 "2004-02-11T20:18:25Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![danda](https://avatars.discourse-cdn.com/v4/letter/d/b19c9b/32.png) [@danda](https://forum.kirupa.com/u/danda)\
**Post date:** [February 11, 2004, 8:18pm UTC](https://forum.kirupa.com/t/resizing-movie-in-image-slide-show/42678/1 "2004-02-11T20:18:25Z")

</div>

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/](http://www.schmidtfoto.de/)

i would like to implement this into my design

however … how do you make this kind of thing?

[![](http://www.danda.be/shared/kvd.jpg) ](http://www.danda.be/shared/kvd.jpg)

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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 11, 2004, 11:33pm UTC](https://forum.kirupa.com/t/resizing-movie-in-image-slide-show/42678/2 "2004-02-11T23:33:51Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 12, 2004, 12:33pm UTC](https://forum.kirupa.com/t/resizing-movie-in-image-slide-show/42678/3 "2004-02-12T12:33:17Z")

</div>

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

scotty(-:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 12, 2004, 12:53pm UTC](https://forum.kirupa.com/t/resizing-movie-in-image-slide-show/42678/4 "2004-02-12T12:53:59Z")

</div>

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&lt;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

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 12, 2004, 2:47pm UTC](https://forum.kirupa.com/t/resizing-movie-in-image-slide-show/42678/5 "2004-02-12T14:47:58Z")

</div>

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