ActionScript 3.0 :: Reducing Columns In Thumbnail Grid When Stage Is Resized
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
Similar Posts:
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
Feb 26, 2010
Is it possible to control the properties of 'advancedgridcolumns' in 'advanceddatagrid' mxml tag. For e.g. suppose the grid data provider has 3 different fields. Out of these 3 fields, one field is 'to_be_decided'. This field should not be displayed initially. Only the remaining 2 columns should be displayed (visible true) and the third column (one with data field as 'to_be_decided', visible flag will be false here ) should be hidden. It will be visible when some event like a button click or something is fired.
We can do this in action script coding by accessing individual columns of grid and taking appropriate actions. But will it be possible to do so in mxml? Is there some default property in grid that can be used here ?In mxml I can not access them individually in the grid (under tag) and hence I can not set the visible attributes individually for each of them. To add them one by one in 'columns' tags I would be required to know the data field in array collection and that I dont know. Only data field known is 'to_be_decided', rest two fields will vary time to time. Therefore even if I addd this one gridcolumn in 'columns' tag what about the other two?
Something like this :
<mx:columns>
<mx:AdvancedDataGridColumns dataField='to_be_decided' visible=false>
<!-- How to add other 2 columns here ? -->
</mx:columns>
View 1 Replies
Apr 7, 2010
I have a flex grid where I have the verticalScrollPolicy="auto".But every time when the scrollbar appears all the columns get pushed to the left, making the columns not align as they should. I tried setting minWidth on all the columns to prevent this,
View 1 Replies
Mar 26, 2010
I want to some how control the visibility of some columns in my advance data grid. I have a data provider with 115 coumns out of which I want to hide few columns. I know the column index and header field of these columns. Is there some property in Advance data grid where I can specify this directly?
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
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
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
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 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 19, 2010
I notice that Flash makes changes to a stage size to the right. Is there a way of making the change so it expands out from a central point, i suppose like photoshop and similar. This has caused me some problems in the past when a client has asked for the site to be increased or reduced in width for example, and it can take a considerable ammount of time to move everything accordinly
View 3 Replies
May 23, 2010
I am creating a site with lots of big scrollable text-boxes in it. Each text-box object contained some text, and two buttons to scroll up/down with. The scroll buttons each had an event listener so the text moved when you clicked them.
These text-boxes were stacked on-top of each other with all except one having an alpha of 0. If I wanted to change which text-box is active I move it to the front and call a small TweenLite animation.
To the left (outside of the text-box objects) I have an object similar to a menu. It also has about 12 or so event-listeners (one for every button). This turns out cause A LOT of lag an it's very troublesome for my laptop to run it. What I need help with doing is to reduce the number of event-listeners on the stage and also the amount of text-boxes.
What I was thinking was to add the text-boxes using AS so I only have 1 on the stage at a time but I couldn't figure out how to do it. I also thought it might be better to just use 1 big event-listeners and from mouseX and mouseY decide which button the user is trying to push.
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
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
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
May 10, 2008
When you resize the browser window the thumbnails rows and columns adjust accordingly to fit.I've managed to attach the thumbnails correct when my enableButtons() function is called but i'm unsure how to approach resizing.
Stage.align = "TL";
var numberOfGalleries:Number = 20;
var thumbMarginX:Number = 163;
var thumbMarginY:Number = 109;
[Code].....
View 1 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 28, 2011
Created an editable flex grid which exposes a method called getGridData() to javascript. I am using the JSON.encode() method of the [url]....library to convert the grid object's dataProvider into JSON before returning it.
ExternalInterface.addCallback("getGridData", getGridData);
public function getGridData():String
{[code].....
However, when I sort a column in the user interface, the encode method is failing throwing the following error
Property usingCustomCompareFunction not found on mx.collections.SortField and there is no default value.
View 1 Replies
Mar 14, 2006
how the stage can be resized dynamically?....if i load a jpg into a movieclip the stage should resize itself to the size of the image file.
View 5 Replies
Jan 30, 2008
So I made a listener that moves around MCs when the stage is resized and it works great. However the script doesn't work until the stage is resized . Below is the script and I would really appreciate it if you could show me how to get the script to work regardless if the browser is resized.
[Code]...
View 13 Replies
Jul 7, 2010
I am having a small drama with an animation by actionscript. I want a box (that has been externally loaded into a holder mc) to come from the bottom left of the screen and then stop in the centre of the screen. So far so good with the code below
[Code]...
But this is a fullscreen website, if you change the size of the stage and then load the swf with the box in it, the box no longer stops in the middle but flies to the opposite corner of the stage.
View 0 Replies
Aug 5, 2010
This code creates a two arbitrary sprites, box and circle, and puts them on the stage. The circle is the child of the box.The purpose of the code is to enable the sprites to resize when the stage is resized. But the sprites only change size when the stage is smaller than their original size. When the stage is big enough, the sprites don't get any bigger than their original size. Throughout, they maintain their proportions.[code]
View 10 Replies
Apr 24, 2009
I just resized my stage, and I get output errors and my movie does not render correctly.
1 - Original movie size was 500x440. I built my entire Flash movie around this. Everything's working fine.
2 - Now I've decided to make the Flash more into a widescreen format, like 800x400. I went to stage properties and changed the dimensions.
3 - Upon hitting ctrl+enter, the Flash does not render correctly anymore and I get a slew of these kinds of errors in the output log: ReferenceError: Error #1065: Variable LogoMC_2 is not defined.
4 - As a test, I tried scaling a lot higher past my original dimensions (like 1000x1000), and also scaling a lot lower (like 50x50). It seems like regardless of how much or little of the stage is revealed with a resize, Flash is complaining and the movie will only work with the original dimensions (500x440) that I've put 100 hours of work into.Anyhow I was kind of hoping to see good resize/crop/trim/canvas features in CS4. Seems like a no-brainer needed feature.
View 3 Replies
Feb 5, 2010
im trying to use this fullbrowser scroller in my site but it appears only if stage/ browser window is resized with mouse. it should appear right away! here is the site ad-d.org and here is the files ad-d.org.zip
View 1 Replies
Apr 22, 2009
Anyway to align my grid to this way? I've also attached my fla files in cs3 format..
View 2 Replies
Jan 11, 2010
I want to save remotely (on a database) the state (visible columns, columns width and order) of a Flex3 DataGrid.For width and visibility I can simply save them by accessing each column attribute.. But for the order? Do I have to create the dataGrid dynamically?
View 2 Replies
Apr 13, 2009
Line 1 Frame 1:
[Code]...
I am trying to trace the results of my listener when the browser is resized...no avail. Are you able to see what I am doing wrong?
View 1 Replies
Jan 13, 2011
flash and at the risk of sounding like an idiot, here goes.My question is:How can I make it so that the stage is divided up into a grid of 4 by 4px spaces that can be filled with a color after a click?So far I have some code that lets you draw a 4 by 4px dot but the dots can overlap because there is no grid:
dot.addEventListener(Event.ENTER_FRAME, do_stuff);
/*dot is a movie clip of a 4x4 black dot*/
function do_stuff(event:Event):void
[code].....
View 4 Replies
Apr 19, 2007
I have a slideshow of images, all being loading via Action Script, i have 20 thumbnail that load up into a strip with this code.
xmlPhotos.onLoad = function() {
for (var i:Number = 0; i<xmlPhotos.firstChild.childNodes.length; i++) {
makeAThumb(i);
[Code]....
Okay my problem is i cant work out how to load them into a 5 x 4 grid, with a 10 px gap between them, is this possible? How can i acheive this all through Action Script?
View 1 Replies
Jul 22, 2009
Is it possible to export the image on the stage with the interface's grid included?
View 1 Replies