A Flash Developer Resource Site

Results 1 to 14 of 14

Thread: need help with a menu..

  1. #1
    -Iron Myk- mykrob's Avatar
    Join Date
    Dec 2001
    Location
    Jackson, TN
    Posts
    1,356

    need help with a menu..

    Hey,
    i'm wanting to make a sliding menu for use with a jewelry site. I have the concept in mind, but need some help with scripting.
    Havent begun building yet, but lemme lay it out:
    The nav for, say, the diamond section will load in a submovie which will be the nav for that section... consisting of a masked rectangle with several thumbnails of certain jewelery items. Each jewelry item, when click, will load a larger image into an upper portion of the main movie.. I can handle the clicking to load an image.. What i need help with is making the sub-navigation scroll. I dont want to use a scollpane. I would like to have X-amount of items visible, which will be handled by a mask. I would like left/right arrows at both sides, which, when pressed, will make the list of items scroll left or right. I also need to set limits, so that when the list goes so far, the scroll button on that side disables, and the scrolling stops..

    I knwo this is a relatively simple concept, but i'm having a brainfart.... How do i script for fluid motion with no preset destination x,y coordinate? Also, if i know the dimensions of the scrolling movieclip, how ca i set limits?

    Thanks for putting up with me.

    -myk

  2. #2
    Senior Member
    Join Date
    Feb 2002
    Posts
    375
    Do you have an example of what you are after, ie a website with a similar effect?

  3. #3
    -Iron Myk- mykrob's Avatar
    Join Date
    Dec 2001
    Location
    Jackson, TN
    Posts
    1,356
    lemme see what i can find...
    i know i've seen it before, but cant think of a URL right off hand.. If not, i'll make a photoshop mock-up.

    -myk

  4. #4
    -Iron Myk- mykrob's Avatar
    Join Date
    Dec 2001
    Location
    Jackson, TN
    Posts
    1,356
    here's a mock image for now....
    Attached Images Attached Images

  5. #5
    -Iron Myk- mykrob's Avatar
    Join Date
    Dec 2001
    Location
    Jackson, TN
    Posts
    1,356
    this is close...
    http://www.tonygarcia.com/main.html

    'cept, i'd have more than one image viewable at a time. When one image is clicked, there'll be an empty MC to load a larger picture and info.. If i can understand the basics of how to script the motion, i think i can adapt it. I dont want to have a continuous loop of the images, though.. There needs to be a definite starting and stopping point.

    thanks,
    -myk

  6. #6
    -Iron Myk- mykrob's Avatar
    Join Date
    Dec 2001
    Location
    Jackson, TN
    Posts
    1,356
    another thing, all my thumbnails will be the same size, so dont worry about the masking effect on that example, i'm just interested in the motion and the limit settings..

    -myk

  7. #7
    -Iron Myk- mykrob's Avatar
    Join Date
    Dec 2001
    Location
    Jackson, TN
    Posts
    1,356
    bump

  8. #8
    Banned
    Join Date
    Apr 2001
    Location
    Montréal, Québec.
    Posts
    25,397
    Fell upon this...

    Think the bottom thumb scroller is very close (coding wise - even has easing - stops on both ends) to what you're looking for. It's scrolling pictures for now but my guess is you could scroll whatever you wanted...

    http://www.flashkit.com/movies/Scrip...7797/index.php

    To see it working, check this...

    http://buggedcom.50megs.com/protogallery.html

  9. #9
    Banned
    Join Date
    Apr 2001
    Location
    Montréal, Québec.
    Posts
    25,397
    Bumped... In case you've missed it!

  10. #10
    Senior Member
    Join Date
    Feb 2002
    Posts
    375
    Ok, well I hope this is the sort of thing your after, else I've just wasted my time

    The images load in from an external folder and all you need to do is create an MC called image_Holder for the pics to load into.

    Excuse my crude coding.
    Attached Files Attached Files

  11. #11
    -Iron Myk- mykrob's Avatar
    Join Date
    Dec 2001
    Location
    Jackson, TN
    Posts
    1,356
    thanks to both of you
    i can work with these.
    groovepants, your example is excellent. All i need to change is where the full sized image appears, and make the thumbnail stay visible after it is clicked.

    Thanks again, you got me goin'

    -myk

  12. #12
    Senior Member
    Join Date
    Feb 2002
    Posts
    375
    I think the thumbnail is disapearing after you click on it because there is no MC called imageholder. Once you place that on the stage it should stay.

    The code is quite straight forward, I aint that technical yet so you should have no problems with it but if you want to know anything just let us know.

  13. #13
    Junior Member
    Join Date
    Apr 2006
    Posts
    7
    Thanks for the fla (dynamic_thumbnails.fla), it proved to be useful for me

    Now, I've been trying to implement a fading effect into it, without much sucess.

    My code looks like this,


    Code:
    // clicks the thumbnail to display the complete image
    on (release){
         
        _root.image_holder._alpha = 0;		
        loadMovie ("images/suki" + n + ".jpg", _root.image_holder)
    	fadeImg()
    
    }
    the function fadeImg() looks like this:

    Code:
     
    function fadeImg()
    {
       if(_root.image_holder._alpha < 100)
          _root.image_holder._alpha += 10;
       else
          clearInterval(fadeInterval);
    }
    
    fadeInterval = setInterval(fadeImg, 100);
    I put it in the mainframe.

    The photos stay at alpha = 0. I've tried putting the fadeImg-function directly into code associated with the thumbnails without any sucess.

    Any help would be very much apreciated!
    Last edited by trueawake; 04-10-2006 at 03:15 AM.

  14. #14
    Junior Member
    Join Date
    Apr 2006
    Posts
    7
    bump

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center