A Flash Developer Resource Site

Results 1 to 20 of 20

Thread: Image Gallery Problem

  1. #1
    hi
    i need to do a image gallery for a project, with tumbnails that on clic get resized, there are like 40 images, so how can i do it in an interactive way???? any ideas or examples???

  2. #2
    Senior Member cancerinform's Avatar
    Join Date
    Mar 2002
    Location
    press the picture...
    Posts
    13,449
    Any imported image you can resize. For example you can put 40 MCs on your stage, load them with an image and make it small using _xscale.
    for (i=1;i<=40;i++) {
    loadMovie("pic_"+i,"holder_"+i);
    _root["pic_"+i]._xscale = 5;
    _root["pic_"+i]._yscale = 5;
    }
    Then you add a script to the MCs, which says something like:
    onClipEvent(press){
    this._url._xscale = 100;
    this._url._yscale = 100;
    }

    (I am not sure about the correct syntax for the onClipEvent)
    Anyway this could be something to try out for a start. Of course therea re many other problems still left.

  3. #3
    Junior Member
    Join Date
    Jun 2002
    Posts
    23
    you can divide things into two sections:
    1) a movie with the full size pictures along a timeline,
    each picture should have a labeled frame like Picture1
    2) a movie full of thumbnail buttons

    triggering a button would call code like this:
    on(release){
    _root.BigPicturesMovie.gotoAndStop("Picture1");
    }

    If your pictures are larger files, it would be wise to load the pictures as they are called using the loadMovie() method:
    on(release){
    loadMovie( "pic1.jpg", _root.BigPicturesMovie );
    }

    This is all just one of many solutions and my personal preference.

  4. #4
    this is something similar to what i want to do
    http://www.expresateweb.com/merca/em.swf

  5. #5
    here !!!!

    i could download the fla from this guy
    but he told me that he wont explain me anything
    that i should understand it by myself
    but I CANT !!!!!

    the fla is here
    http://www.iespana.es/eberthdesigns/em.fla

  6. #6
    ok, ok, well, i got an idea

    i dont need such a difficult thing
    all i need is a tumbnail section and a big image section so, can u tell me how to do it, i heared that with loadmovie, but i dont understand very good this topic, so if anyone can help me, i'll be gratefull

  7. #7
    i started working, look , the problem i get is that i want to load the images on the little squares but it loads in a bigger size and in the middle of the screen, please help me, ahh and the fla is in http://www.iespana.es/eberthdesigns/helpme.fla

  8. #8
    Member
    Join Date
    Apr 2002
    Posts
    97
    This might help you. It is simuliar.


    http://www.flashkit.com/movies/Effec...4189/index.php

  9. #9
    Junior Member
    Join Date
    Apr 2002
    Posts
    8
    Not very Flash experinced but this is what I did to show my wallpapers. In a flash movie on one layer on one frame put your thumbnail images and make them into buttons.
    Each wallpaper was 640x480 so in dreamweaver I put each wall on it's own page.Make the thumbnail buttons Get URL and give the name of the first wall eg. wallpaper.htm
    So you make thumbnail page index.html
    i probally havent explained this very well but it works fine. When I did it all in Flash it took over 4 minutes to download.

  10. #10
    Junior Member
    Join Date
    Jun 2002
    Posts
    23
    here is an example of what I explained to do earlier:
    http://www.angelfire.com/poetry/flas...llGallery.html
    (change the .html to .fla to download my flash file)
    I used photoshop to make smaller thumbnail versions of the picture and loadMovie() to bring in the bigger pictures. This works well for preventing lag on the end user since the swf is only 20.8k big, and over 90% of that is from the thumbnails.

    I did this for practice for a web site I'm doing in a week that requires a gallery similar to your project, eberth.

    I hope this helps some.

  11. #11
    great!!!, that is what i was looking for!!!

    another question, if i have 40 images, how do i add a scroll for them???? and how do i resize the images in photoshop (sorry i'm stupid )

  12. #12
    ok, forget the other question, i soved that with a scroll pane, and i learned to resize, now my problem is that the image doesnt loads where i want, look
    http://www.iespana.es/eberthdesigns/helpme2.fla
    i think i'm doing it good or am i crazy???
    thanks

  13. #13
    Junior Member
    Join Date
    Apr 2002
    Posts
    8
    instead of scrolling put 10 thumbnails on one frame,another 10 on another frame etc. Put a button on the first frame. Action is something like Go to next frame,don't forget to put a back button as well.
    In Photoshop load the full size image, click on image on the top menu bar, then resize, enter the size that you want.

  14. #14
    yes, i solved that, but i need to have it in a scroll and it works but the problem is that the image doesnt loads in the correct place

  15. #15
    Junior Member
    Join Date
    Jun 2002
    Posts
    23
    eberth, your fla files are loading in a little funny for me. Are you using MX? I'm only getting a couple basic symbols.

    as for loading in images,
    Make an invisible movie and make sure to give it an instance name and assign the target of your loadMovie() to that instance. Otherwise loadMovie will default to _root and replace everything with the topleft corner of the picture in the center of the screen.

  16. #16
    yes, im using mx
    i'm using one of the components in mx
    the scroll pane, it scrolls a movieclip.

    and, yes, i made an empty mc and i try to load the image into that movie, and it doesnt works, look it is like that

    loadmovie ("image.jpg",empty_mc);

    but it loads wrong

  17. #17
    hey!
    i know what the problem is!!!
    when i load the movie normally it loads perfectly
    but when i put all the buttons into a mc. and then i call the mc in the scroll pane, the movie loads the movies into the scroll pane , so what should i do?? should i use _global or _root ??? or what??? and if i have to use that, how?? hehehe it is something like _root.loadmovie("blah.jpg,blah.blah"); ????

  18. #18
    or any other way of displaying 40 tumbnails ???

  19. #19
    Junior Member
    Join Date
    Apr 2002
    Posts
    8

    thumbnails

    have a look at this http://www.btinternet.com/~david1.dawney/index.htm
    as see if you get any ideas.

  20. #20
    thank you , i did it the way you told me the first time, putting 10 tumbnails and in other frame other 10, thanks for your help , now my project is completed
    i learned a lot today

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