Bringing Pictures up to the front....

[courtjester]

OK, what I got so far is here. www.haeglodesigns.com/Photo.html My problem is when you click on the thumbnails and it makes a larger picture, the larger picture doesn't show up in front. They are all on the same layers. So how do I bring them to the front? Thanks.

Ohh, and this isn't my flash site Sirkent... this is just a portion of it. I have 350+ pictures I can use so this is just going to be a small thing.

[Webforumz Staff]

You currently have it so that all those on the right are higher than those on the left.

You will have to use the swapDepth function so that the one you click on swaps it's depth with the image currently being seen. You can store which movieclip has the highest depth in a variable and call a function to easily to your depth swapping.

If you want some more help with that then I'll throw some code together.

[Webforumz Staff]

Here's some code!

HTML and FLA

And here's the code:

Code: Select all

// Movie SwapDepth Code
// by Sirkent aka Karl Buckland
// See: http://www.webforumz.com/topic.asp?TOPIC_ID=938
// E-mail : karl@digital-end.com

// We have to create our movieclips through script otherwise they have
// no depth property. This can be a pain as it means we have to set their actions
// remotely (from this code).

// The number of clips - To generate
// If you look in the library (Press F11) you will see the movieclips
// If you right-click on one and go to linkage you will see they are all
// exported to the first frame and are given a name.
// This name will be used in the code below.
numberofclips = 4;
// These are the gaps between our movieclips
// You will probably need to setup a more appropriate method
// to place them in your site
startX = 40;
startY = 40;
// We have a loop to create all our clips, give them x and y co-ords
// and give them actions
for (i=1; i<=numberofclips; i++) {
	// attach the movie
	this.attachMovie("clip"+i, "clip"+i, i);
	// set x and y co-ords
	setProperty("clip"+i, _x, startX*i);
	setProperty("clip"+i, _y, startY*i);
	// onPress function
	_root["clip"+i].onPress = function() {
		// Swapdepths with the current highest
		this.swapDepths(_root:highest);
		// Set this as the new highest
		_root.highest = this;
		this.startDrag();
	};
	// onRelease function
	_root["clip"+i].onRelease = function() {
		this.stopDrag();
	};
	// This willl technically set all to the higest, but the last made
	// will be left here (and that is technically the highest)
	_root.highest = "_level0.clip"+i
}

That is to work with the following movieclips:
clip1
clip2
clip3
clip4

[courtjester]

Well this works great for moving the pictures... the problem is that they are not in the same movieclip nor can they be... Each is embedded inside of its own movie clip. I am thinking about doing something completely different than what I got right now so that this will actualy work for what I need... I will post back once I figure out what I am going to do and how I am going to use this. Thanks for the help.

[Webforumz Staff]

The whole idea is that they're in seperate movieclips Kulegamr!! If they're not it won't work.

Remember you can loadmovie's in by LEVEL and also give them a TARGET - so you can load them into target movieclips!

[courtjester]

I know that... but they are in seperate movie clips inside of movie clips inside of a tween... So it's just me being lazy and using something I shouldn't... I have figured out that this is going to look tacky anyways, so I am going with the other one I showed you.