IDE :: Flash 8 Grid Layout Effects For Thumbnail Gallery
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
Similar Posts:
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
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
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
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
Apr 13, 2009
I want to make an area where I can make a grid of varying colors, starting with a small 3x3 grid. The final goal is to reduce the size of each element and increase the number of squares to get a higher resolution. The shades of color are stored in an array and I can get the drawing going, but the shapes don't get deleted when repeating the function call and they go on top of everything else I've put on the stage.
Here is part of the code I'm using:
Code: Select allfunction grids():void {
for(var i:Number = 0; i<3; i++) {
for(var j:Number = 1; j<3; j++) {
var child:Shape = new Shape();
[Code]....
where w is the width, h is the height, and myArray has the shading I need.
How can I get rid of the rectangles afterwards and start clean? Better yet, is there a more efficient way to make and color a grid on the stage?
View 1 Replies
May 7, 2009
I'm trying to create a scrolling thumbnail panel using an xml file. It works fine when i run it initially. But when I resize the stage the scroll feature gets all screwed up. I've attached my code below.
Code: Select allimport gs.TweenLite;
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT
[code]....
View 2 Replies
Apr 22, 2010
I've created this thumbnail navigation bar that uses XML to get an external image, title, and link information. It then uses attachMovie() and a for loop to generate the listing. It all works like it's supposed to!
However I am now having two problems. The first, since I am loading in an image I would like to have a preloader appear in all the thumbnail containers before the thumbnail image loads in. I have a simple circle preloader in each thumbnail module that I would like to hide it once the image loads in.
The second issues and perhaps the more important one is that the site is color coded meaning once you click on a navigation button the site color scheme changes to a different color. I put all the instance names of the site elements into an array and then created a color change function with a switch statement to had the color change. However I cant seen to include the newly attached thumbnails into this array so they don't change color along with everything else on the website. I'm completely suck on this and have no idea how to go about making this color change happen. I'm frustrate and I need help.
Here is my code:
First this is how I loaded the XML data and attach the thumbnails:
Code:
var linkItem:Array = new Array();
var instanceNames:Array = new Array();
function loadHomeBar() {
[Code]....
I'm also attaching the zip file with everything I have coded so far fla, image, and xml files are included.
View 3 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
Aug 3, 2009
I have a randomly-sized array of items. I'd like to display one label for each item in a Repeater component. I want them to display in a grid layout with 5 columns and as many rows as needed. How do I do that in Flex / ActionScript?
View 2 Replies
Mar 15, 2011
I'm working on a MP3 player that displays the tracks in a grid layout. I've got it working but when it attaches the track it counts each track as a row. How would I identify each row has 4 tracks?
var cols = 3;
var rows = 2;
var vspace = 4;
var hspace = 4;
var xpos = 4;
var ypos = 4;
var wclip = menu_mc.bttn_mc.bttn._width; //165
[Code] .....
View 1 Replies
Aug 24, 2009
I've been watching a tutorial on making a thumbnail photo gallery with Flash. Unfortunately the only tutorial I could find that explained everything step by step was for Flash MX and I'm using Flash CS4. It seems that the scripting code is different. I've never written Flash script before. I am trying at this point to give a rollover effect to a thumbnail image, so when the mouse goes over the thumbnail the thumbnail will get brighter. The code given in the tutorial didn't work, but by looking at the debugger messages it seems like the script should be something like:[code]I converted the thumbnail to a button symbol and then created an instance of the button called thumb1. The code is applied to a keyframe.
View 6 Replies
Sep 8, 2007
[URL] how to make a Flash Thumbnail Photo Gallery. I am designing a bigger photo gellery based on this code how do I have the photo gallery to list 2 rows of thumbs 5 accross and 2 rows. This code is the code that designs the thumbnail movie clip.
function thumbnails_fn(k) { thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth()); tlistener = new Object(); tlistener.onLoadInit = function(target_mc) { target_mc._x = hit_left._x+(target_mc._width+5)*k; target_mc.pictureValue = k; target_mc.onRelease = function() { p = this.pictureValue-1; nextImage(); }; target_mc.onRollOver = function() { this._alpha = 50; thumbNailScroller(); }; target_mc.onRollOut = function() { this._alpha = 100; }; }; image_mcl = new MovieClipLoader(); image_mcl.addListener(tlistener); image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k); }
View 11 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
Oct 10, 2010
Timeline Effects > Assistants > Copy to Grid in CS5? its seems vanished since CS4[URL]
View 1 Replies
Nov 25, 2008
I am trying to draw a set number of squares in a grid type layout and have pretty much gotten it to do what I want. The
problems is that I want to be able to manipulate each square individually later on and I'm pretty sure I need to assign each one a unique instance name.something like "square_0_0" all the way down to "square_10_10" (it's a 10x10 table of squares).how do assign a unique instance name to each square as it's added to the stage? I attached the code I currently have running.
View 3 Replies
Mar 3, 2011
I'm trying to figure an elegant way to display a certain number of items in a grid. I have a feeling the answer lies partly with modulus, but it's a little more complicated than that. I know how to lay out items in a grid based on a set number of columns. Something like this:[code]but what I want to do is set things up such that if there is only one item (j=0), the image covers the entire available area (stage.Width and stage.Height or, for simplicity, 1000px, and 500px). If there are 2 items, there should be 2 columns, with the images taking up half the width of the stage and all of the height (500x500), 3 items - 3 columns (300x500), 4 items - 2 columns & 2 rows (500x250), and so on, keeping a balanced grid layout but decreasing the dimensions of the items and increasing the number of rows in some sort of logical and balanced manner.
View 1 Replies
Aug 25, 2011
I have a flash image gallery that loads images through xml. Images have to be croped for thumbnails. So u have to have two folders, one for the thumbnails an another file for the big size images. I would like to know if there is a way to load only one image ( and not this image's thumbnail too) and with a script or something, to resize this image to get the thumbnail. To make my self clearer here is the xml code:
image../gallery_flash/imageGallery/images/watches/i1005.jpg image
thumb../gallery_flash/imageGallery/thumbs/watches/i1005.jpg thumb
(For some reason it doesnt show the xml right...) I dont want to have the line (thumb>../gallery_flash.), but only load one image and get the thumbnail also.
View 1 Replies
Aug 7, 2005
I learned from great kirupa tutorial and implemented the thumbnail gallery in my site.If I open the site in browser Opera or Firefox (FP 8.0.0.447) i see only 1 thumbnail image - is it bug in Player? In IE 6 I have FP 7.0.19.0 and I can see all thumbnails in the navigation bar - also correct.
View 8 Replies
Feb 5, 2007
I'm trying to get two thumbnail movieclips on the same page to display two different arrays of pictures. It's not working though and I'm not sure why, could someone please look at my xml and ActionScript and see what I'm doingwrong. I've been at this for a few hours now and I can't see whats wrong.
XML:
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
[code].....
View 3 Replies
Mar 10, 2010
I just use Photo Gallery using XML and Flash-adding thumbnails i just want trace every thumbnails particularly means
i give my property every thumbnails like
thumb1._x = 200;
thumb2._alpha = 40;
[code].....
View 2 Replies
Jan 21, 2011
I am in the process of making my portfolio site but am having some trouble animating masks which mask each thumbnail...I can't target individual masks in my script, only one mask. I think the solution will be pretty simple but I don't have the skillz to do it.Here is my thumbloaded function:
Code:
var my_thumb:Loader = Loader(e.target.loader);
sprite = new MovieClip();
var shape:Shape = new Shape();[code]....
View 1 Replies
Jan 31, 2007
I built my gallery and import it a parent page (foo)... Sometimes the scroll of thumbnail scroll works... it is choppy.... Sometimes does not work at all.... When I view the movie outside of foo - it works beautifully...
View 2 Replies
Jun 13, 2010
Based on the Photo Gallery using XML and Flash tutorial found here:I�m having trouble with loading thumbnail images of various sizes which overlap if they are smaller than the previous image.The specific line that causes this is target_mc._x = hit_left._x+(target_mc._width+5)*k;I�ve tried all sorts of things with the closest being the following which put the images in the right size, but with the omission of �k� their order is backwardstarget_mc._x = (thumbnail_mc._width+5);Here is the full function block as per the tutorial
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
Nov 16, 2008
I've created a drawing application intended as an interactive art piece for a gallery. I'd like to have what each visitor draws in one scene to somehow be carried over into the next scene and be displayed on clicking a button. Ideally, the user-drawn images will scale and position themselves accordingly to maximize the screen space. This way, if only three people have visited and drawn something, their three images would enlarge to fill the screen. If 12 people draw something, those 12 images would shrink to fill the space.
I'm thinking I might need to look at creating adaptable/expandable grids, but I'm also just stumped on how to carry user-drawn images over to other scenes. I have very little AS background and need things spelled out for me explicitly...
I'm working in CS3, but writing in AS2. On the stage, I have a palette of colours the user can choose from, a movieclip called "canvas," and another called "controller." Here's my code:
Attached to a movieclip called "Controller" is:
onClipEvent (load) {
topDog = "window1";
_root.createEmptyMovieClip("holder",100);
[Code]....
View 2 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
Dec 2, 2006
Regarding the XML and Flash Photo Gallery with thumbnails tutorial
Instead of scrolling thumbnails, I would like to have a Grid but I don�t how to archive that. I have 8 pictures and I would I like to have a Grid with 3 images in each row.
View 14 Replies
