ActionScript 3.0 :: Creating A Thumbnail Gallery (Portfolio Grid)?
Jun 27, 2010
how to create a xml photo gallery but somehow all of them doesn�t discuss what i need to know. [code].....Especially i am interested in howto structure the xml for such an portfolio / gallery grid and having custom tweening for the thumbs to transition in and transition out, handling the click event for x thumb and loading the "big" content to a new container. Adding preview/next button functionallity to the Thumbnail Grid and for each "big" content and so on.
View 1 Replies
Similar Posts:
May 26, 2009
I'm working on creating a gallery for my portfolio site. I have thumbnails of all my work. I've turned them into button and made it so when you rollover it, a larger preview of it appears with a description of the piece, off to the side in a designated area. Instead of making my stage larger or creating more pages to contain all my thumbnails, I made a vertical scrollbar. The scrollbar works just fine. The problem is when the thumbnail is moved, the rollover that would be moves in relation to it.how can I absolutely make sure that any rollover I create with a button is where I want it to be, no matter where the thumbnail moves to?
View 10 Replies
Jan 23, 2009
I'm working with XML and setting up a portfolio gallery. I basically want a thumbnail to be clicked and have an image opening, but i want the instance name of a button that is clicked to be stored in a variable that can be used when calling the images from the XML. I'm just trying to get the number that is in the instance name of btn2, and use that number 2 to reference the ID # in the xml file. I know there are easier ways to do this, but I didn't want to write new functions for all the numerous thumbnails on the site.
PHP Code:
btn1. addEventListener(MouseEvent.Click, _onBtnClick);
function _onBtnClick( e:MouseEvent ):void {
var clickedBtn = event.target.name;
}
Also the thumbnails are not being loaded through the XML, would it be easier to load the larger images without functions for each thumb, if I had the thumbs being referenced through the XML?
View 1 Replies
Sep 9, 2006
I followed the tutorial on how to incorporate thumbnails into a flash/XML gallery. [URL]
How would I do the same thing but using a grid of thumbnails instead of the scroller? Can this grid be made to appear dynamically?
View 4 Replies
Jul 9, 2008
I have a gallery that has two columns of thumbnails but it wont scroll. what can I do?
Code:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
[Code] .....
View 2 Replies
Oct 22, 2005
I was looking for a way to make different grid layouts for xml loaded jpg thumbs, so I read and applied a lot of the tutorials and posts about galleries, xml, thumbs and grids around here. Some of the script I used comes from Kirupa's adding thumbs tutorial. I also applied the concept in Creating Grids with Flash/AS. The result is attached here. A lot of the parameters, like row and column numbers and scaling of the thumbs,spacing, alpha, rotation, etc, can be changed easily in the script. Also, the idea is that you could write different prototype functions to get different grid layouts effects.
View 14 Replies
Feb 16, 2009
I am creating a gallery of video thumbnail.Also I am planning to set the frame of video on each thumbnail to first frame of video .When i load a single video,its working. But when i tried to load more than one video on different thumbnail movie clip in a for loop, its not working. This is my live project.can anybody help me.its very urgent. I tried with many possibilities that i know. I am a 3 month experienced flash programmer.
var thumb_nc:NetConnection = new NetConnection();
thumb_nc.connect(null);
for(i=0;i<videoArrLen;i++){
[code]...
The urlArry contains the url of video to be loaded and thumbArry contains the NetStream object for different movieclips.
View 0 Replies
Aug 12, 2009
I am creating an image gallery where the user can select from several thumbnail images. Once selected, the thumbnails will enlarge and load the full sized image. My problem is that while the user is waiting for the full sized image to load, he may decide to close that image and view another image. I am trying to find a way to stop a loader from loading.ere is the code I have used. My problem is that even though the user has clicked on the unloadBtn, the loader continues to load the file. Is there a way to disable that?
Code:
import flash.net.URLRequest;
import flash.display.Loader;
[code]....
View 4 Replies
Mar 19, 2007
I really like the thumbnail gallery for its simplicity and beauty. But I would like to ad or vertical scroller (I'm unable to find it here too, maybe I'm blind, just I'm more at the end of my seeking options) or a make a grid thumbnails, that will show 2 columns of thumbs and 5 pictures in each columns, then under the 2 columns i would like to ad a sort of arrow or button that if my gallery have more then 10 pictures it will go on the next thumbnail list. I'm not looking for any extra fading effects or special movements. Just would love to have a single thumbnail grid on side, with option to have lists of thumbnails by 10 if there is more then 10 pictures or so.
View 14 Replies
Jun 21, 2009
I am doing a web portfolio with thumbnail buttons that change the pictures. What is the best way to avoid having to make a new button for each new picture thumbnail? So resusing the button but changing the thumbnail picture in it and what picture it links to? Using CS4.
View 1 Replies
Feb 6, 2009
i was looking for gallery looking like this site [URL] i was looking gallery first page title gallery then Big image like this with description.
View 1 Replies
Feb 4, 2010
i have a grid of thumbnails (i loop through an xml file to create and display) this is working perfectly.I can trace out click commands on the MCs and load in an image just as you'd want to.I load the image into a thumbMC i created with some additional symbols in...Then i started thinking, it would be nice to have some kind of preloader for each image/thumbnail.I've implemented a MovieClipLoader and this is quite happily loading in the images and reporting when the load is complete, however i am completely unable to target my preloader symbols within this function, so am unable to either control the width of a loadbar, and also show/hide a loadLoop while the image loads.
View 0 Replies
Aug 8, 2010
using flash cs4 the overall website is looking and functioning fine but i want to add an image gallery.I downloaded one which included .fla .as xml and swf files but i dont know what to do with them in the sense of adding them to a particular page in my flash site..
View 2 Replies
Jan 3, 2008
I'm trying to add a new row to dynamically created thumbnail grid. So far I've copied and edited a BrainGiants PhotoDrop menu script and managed to add an new row there with a nested for loop, but the thumbnails on the new row won't show right. There's just one thumb showing, I guess the rest of the thumbs are beneath the one showing..I'm messing up the for loop somehow, but can't get a hold of it.. I know all the thumbs load fine cus I've tried to load them to just one row and all of them showed up properly.
[Code]....
View 1 Replies
Jun 17, 2010
I have a question regarding the following tutorial and an older (inactive?) forum thread based around it:
Adding Thumbnails Tutorial XML and Flash Photo gallery with thumbnails in a grid (2006 - 2009)
I have multiple pages, several with thumbnail galleries, and several without. On the pages with the galleries, everything appears to render correctly. However, when I go from a gallery page to a page without a gallery, the thumbnails don't disappear. Instead, they remain on top of that page's content.
How do I get rid of the thumbnail gallery on non-gallery pages?
Code for the galleries:
Code:
cliparray = [];
columns = 3;
spacex = 100;
[Code]....
View 1 Replies
Oct 2, 2006
I am trying to get my thumnails to load in rows, 22 across, and up to 3 rows down. However, I can't seem to get my math right. I can get them to load up and down 3 rows, but not across first. Can anyone explain the math required to accomplish this?
View 4 Replies
Mar 4, 2009
Ok so I have bought books and watched hours of tutorials and its painfully obvious that I am not picking AS3 (or any scripting)up very well.
I am creating a Flash Portfolio site and I am curious about the correct architecture. If I have a central Nav with corresponding animations, should the whole site reside on one stage or a new stage per animation?
If there is a FAQ or tutorial on Kirupa that covers this (I might have missed it)feel free to simply direct me there.
View 1 Replies
Sep 29, 2009
I'm creating a flash portfolio which contains a 3D panel as a gallery which works relatively well right now. I wanted to put a preload so I put my preload code on the first frame and order to gotoandPlay(2) the second frame which works to but when the loading is done my 3D panel is totally ignored, the panel works with a class of course. Actually the problem seems to be more with the frame skip because I put my preload code in commentary and just having a frame before screws up my panel.
View 2 Replies
May 30, 2011
I'm trying to achieve a thumbnail gallery which basically reduces it number of columns (and increases number of rows) when the stage is being resized down.The columns number as default 5, but after resizing down the stage this number is calculated like this:[code]My question is how can I reorder the the columns and rows from the onStageResize function.[code]
View 4 Replies
Jan 2, 2006
I am working on my very first flash application and have found these forums very helpful so I have decided to post here since I'm stuck. I have taken the thumbnail gallery ikim posted on this thread and im trying to tweak it to my needs. When the thumbnails are loaded i would like to implement an onrelease function to tween the image to the middle of the screen, then slide to the right and increase the size. I have written the actionscript that will move the image. However, my problem is, i need to have the thumbnail slide from its original position to the middle of the screen. I thought i could do this by passing the parameters of _x, _y in the function and setting the motion accordingly. Being a newbie to AS, I am having trouble with getting ikim's gallery to accomodate this functionality. I tried using getproperty to get the _x, _y coordinates but this only returns the coordinates for the beginning position of the image and i need the ending position coordinates. I assumed I need to call getproperty at a later time, but I am not sure how to reference the thumbnails since it appears to me that they are being dynamically named and created the same.
View 1 Replies
Nov 6, 2009
I want to incorporate a Horizontal thumbnail Scrolling Gallery to showcase the Special Menus of the concerned hotel. and on click of each image there should be a small popup to display other information of the menu. All this should be XML driven.
View 1 Replies
Apr 26, 2010
I have this thumbnail gallery that loads from an a simple XML. When a tumbnail is clicked its larger image loads into an UiLoader....
What i am trying 2 do is 2 show the larger image using a lightbox when a tumbnail is clicked (removing the ui loader for good). I have a lightbox that works with flash (when testing movie as well).
I have been trying for a couple days now 2 combine all this but it never works
View 3 Replies
Jul 16, 2010
I have a dynamic thumbnail gallery that laods thumbnails from db/xml and also each thumbnails associated main image. When the user rolls over the thumbnail the larger image displays to the right.
THis is all working fine however I need to update the script to change the thumbnail gallery layout from a 3 column 2 row gallery to a 4column 4 row gallery.I've adjusted the as and resized the thumbnails to allow for this and setup a 8px spacer between thumbs
[Code]...
View 2 Replies
Nov 1, 2004
I am trying to build a gallery where the thumbnail loads and then you hit the thumbnail and it opens the image full size. I don't want to have it resize.
View 12 Replies
Jul 31, 2005
I have a cool xml gallery designed by Scotty. I was wondering what actionscript could I use to add a gray border around each thumbnail and whenever the user rolls over the thumbnail, the border turns to white? Has anyone done this sort of thing before with an XML gallery? [code]...
View 1 Replies
Aug 26, 2005
but is there a way to make the thumbnails like, grid form, like in the examplerather than scroller? because i dont really like the scroller, and im not sure how to set them to grid
View 3 Replies
Jan 23, 2006
i'm using a modified version of the xml thumbnail tutorial on this site and am having a weird problem. sometime on some machines the thumbnails are desplayed in reverse order but when the page is refreshed they're dispalyed in the correct order. on other machines they load in in the correct order fine. anyone have any ideas why this would happen? the image names are loaded into an arrayin the onload of the xml the thumb images are put into an array:
for (z=0; z<videototal; z++) {
thumbnails[z] = xmlNode.childNodes[z].childNodes[0].firstChild.nodeValue;
moviefile[z] = xmlNode.childNodes[z].childNodes[1].firstChild.nodeValue;
[code].....
View 1 Replies
Jul 18, 2006
Ok so i have looked thru the forums for the past two days trying to solve my issue and i didnt find anything that works. I have the xml thumbnail gallery from the site working here.Its the base code except i change some things so that it would work if i loaded with the mxloader component into another movie. When i try and do so the XML file doesnt load. you can see this here. Im not sure if theres something else that i need to do to make this work or what, but i cant seem to figure it out. all the paths are absolute paths (http://ect...). and even stranger is that it worked like 3 or 4 times when i first started then stopped working. so i dont know if its
View 1 Replies
Aug 24, 2006
i'm working on a flash xml gallery. But there is one thing i can't figure out.i like it very much when the thumbnails are not i 1 line but 5 next to each other and then down. So the 6th one must load underneath the first one. Is there an actionscript for or is too complex?
View 3 Replies
Dec 11, 2006
I'm just trying to change it so that a small line of text appears under each thumbnail. Each line of text is pulled from the XML file and is created using createtextfield. But after a few hours trying to warp the code to get it to work I still haven't gotten anywhere.I've tried many different approaches of attaching these text fields to the mc but no go. These two lines do create a text field for each thumb-but these fields do not scroll with the thumbnails. I'd like these text fields to be inside the "thumbnail_mc" clip so that when the thumbnails scroll the text moves along with it.
////////////////////////////////////////
this.createTextField("price"+k,k,0+(k*150),0,200,2 0);
this["price"+k].text = price[k];
[code]......
View 3 Replies
