simple gallery...errr

[lirish]

I am working on a portfolio site and have run into a bit of a problem with creating my gallery. What I planned to do was on the left, text that I created as a button (no thumbnails) and once it is clicked directly to the right is the image. I thought this would work using scenes but I never figured out the actionscripts to get the button to work.

Is there a way that I can use scenes or a better easier way. Its best (for me) to use as little actionscript as possible, as I tend to screw it up one way or another.

[Sliight]

http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm#

http://www.dynamicdrive.com/dynamicindex4/imageselector.htm

Dunno if you already looked at those... Not sure if that is what you were looking for at all.

Even though you don't want something this extravagant you may want to peek at these: http://www.smashingmagazine.com/2007/05/18/30-best-solutions-for-image-galleries-slideshows-lightboxes/

[Medyman]

Sliight: I believe that the OP was looking for a Flash solution. :)

Lirish:
It would actually be quite easier with ActionScript, if you can get over your fear of it ;)

With actionscript you would have your "text" buttons on the left. On the right create a rectangle, turn it into a movieclip (with registration point in the upper left). Give it an instance name of pictureHolder

In a dedicated actions layer on the root timeline, add the following actionscript:


button1.onRelease = function() {
pictureHolder.loadMovie("image.jpg");
}

button2.onRelease = function() {
pictureHolder.loadMovie("image2.jpg");
}



- OR -
If you must do it with timeline animation (which I don't recommend AT ALL), you could:

1) Add all your buttons on one layer (give them all instance names)
2) On a second layer add all your pictures.

Then add the following actionscript on a dedicated actions layer:


Button1.onRelease = function() {
gotoAndStop(2)
}

This would take you to frame #2 where presumably the picture corresponding to the text is.


HTH
Post back with any more questions.

[lirish]

Medy yeah those are good ideas, and I've thought about doing both those things but could never figure out how to. The problem I am having now is editing the actionscript so that it will work.

Now I know that obviously I am to change "image.jpg" to whatever picture I'm going to use, but am I also supposed to edit "button1" "button2" etc? If not how does it know which is right?

Also I did as you said although I edited button1 and button2 etc to the names of the instances but when i test the movie, none of the buttons seem to work, not even the rollover actions.

[Medyman]

Where are you chaging the instance names? Instance names are set in the properties panel at the bottom of the flash interface.

Here are some examples I made really quickly.

loadMovie Method - Demo (http://www.demos.designsbyvishal.com/dynamicdrive/slideshows/loadMovie.html) / Source (http://www.demos.designsbyvishal.com/dynamicdrive/slideshows/loadMovie.fla)
gotoAndStop Method - Demo (http://www.demos.designsbyvishal.com/dynamicdrive/slideshows/gotoAndStop.html) / Source (http://www.demos.designsbyvishal.com/dynamicdrive/slideshows/gotoAndStop.fla)

Also have a look at this: Page Transitions Demo - Demo (http://www.demos.designsbyvishal.com/dynamicdrive/completeRopost.html) / Source (http://www.demos.designsbyvishal.com/dynamicdrive/completeRopost.fla)
It was first posted here: http://www.dynamicdrive.com/forums/showthread.php?t=20255

[lirish]

thanks medy, i figured it out for the most part. XD

[Medyman]

Great! If you don't mind, I'd love to see how it turned out.

[ReadyToLearn]

Medyman,

The links aren't active anymore. Do you remember where you saw them so I can try to find them? I want to do something similar and would love to look at the sample files.

[Medyman]

I created those examples. They're up on my server on my old domain name. I'll track down the files and post an updated link.

The correct Page Transitions Demo files can be found in one the last posts in the original thread as stated in my previous post.

[ReadyToLearn]

Thank you! Please post them in this same thread when you find them. I will subscribe to this thread.

[Medyman]

Alright...here you go.

Here are those two samples that I created. Keep in mind they were just done really quickly. None of the techniques are very novel or well implemented. I was just trying to point people in the right direction. These shouldn't be used as-is in a final product.

Flash 8 and Flash CS3 sources are included on the pages. All files/images/scripting are released under Creative Commons (http://creativecommons.org/licenses/by-nc-sa/3.0/).

gotoAndStop Method (http://www.visualbinary.net/files/tutorials/slideshows/gotoAndStop/)
loadMovie Method (http://www.visualbinary.net/files/tutorials/slideshows/loadMovie/)

There is a valid link to the third (page transitions) file in the original thread that it was posted in. I might repost that too so that everything is in one place. If I do, I'll edit this post.