ActionScript 2.0 :: Image Gallery - Unable To Get The Buttons To Stack In Rows/columns?
Jan 19, 2007
I've been trying to tweak the "image gallery + Bokel loader class" found on the laco web site. The image preloader is pretty nifty:
http:[url]....
I've added Previous/Next buttons which clients always seem to demand, and I've given the thumbnail buttons a static position (something I need to do). I'm having problems getting the buttons to stack in rows/columns though. I can't work with one long column or row of buttons - they need to be stacked in rows, say 6 buttons per row and 6 columns across so that there is a nice box arrangement to the buttons. But the way the functions are written its hard to make adjustments to the placement of clips.
I need to dynamically stack rows and colums of squares. That is easy enough. But i want to dynamically change the number of columns depending on the total number of squares. This way, i will always have a rectangular grid of squares. I can do this by using a series of if...then statments to check the total number of squares, but this is not a good solution as it will not scale infinately nor is it very adaptable to different layouts.
I susupect that there is a way to find a relationship between the number of squares and the number of columns needed to keep things in a rectangular shape... but it hurts my head to keep trying to figure it out with my limited math skills.
I have a thumbnail gallery that gets its images from an xml file, at the moment if there are more than 8 thumbs they go off the page to the right, I'd like to have it so they continue to load in rows and columns but I'm not sure how I'd do this? I limited the images in the xml to 8 and duplicated the mc and xml to get the look, but it needs to really be updatable from the one xml file. Heres the Actionscript-
Anyone knows a sample code/source, tutorial or example like this gallery: [URL] (resize the browser window to see the effect) What i want is a thumbnail gallery that shows more lines and/or columns according to user resolution (not is necessary to resize the images). It's the same idea when using HTML and creating a thumbnail list with <li> and "float:left".
i was wondering if it's possible to invert columns and rows - I need the rows to become columns a columns to become rows.
[Code]...
Problem is becouse number of rows (1,2,3) is changed dynamically. I was trying to create new arrayCollection and use different variations of addItem but non of them works and I'm stuck. Maybe some of you know how to do this?
I have a 1 row, many column flex datagrid. I would like to turn the dataGrid on its side, so that the column headers become a single column running down and v.v. Is there a way to do that in the DataGrid? Or am I stuck manipulating the data presented to the grid?
I have an object like: x=y b=u o=p u=e w=p
And I'd like a control that is visually similar to that. Currently the datagrid displays the object as: x b o u w y u p e p Which is too horizontal for my case.
Any way using actionscript to tell the thumbnails loaded dynamically to load specifically by row or specifically by column or if there a way to have more control over how an xml gallery places each thumbnail in a grid?
I hired flash developer to make me fisheye menu with a lot of rows and columns, be he just can't make it, he says that it stuck and that it is slow when he tries to make a lots of rows and columns, is there any component in flash that could work with to make that.
I'm implementing an image gallery which presents assets as equally sized boxes that are forming a grid. I thought that I could easily achieve that by using the spark.layouts.TileLayout but unfortunately I have some additional requirements that I'm unable to implement with it.The general principal should to be to present as many boxes as possible within given space. The entire layout of the application is liquid and depends on the user's screen resolution.[code]I don't know the RequestedColumnCount or RequestedRowCount in advance as they depend on the available space, so the above code layouts all elements from left-to-right and then from top-to-bottom - which is as close as you can get from what I really want to achieve.This list of boxes should be cable of rendering fake paging. In reality it means that if the last visible row does not entirely fit the available space it should be moved to the next page.
To give you an example let's imagine that we have a list of 10 images. Each one is 10x10 px but my screen resolution only allows me to fit a grid 35x35 px. This means that one page is only capable of presenting 9 images in form of a 3x3 grid (as 5 px is not enough to present a full image). The 10th image should be then transferred to the second page.This is obviously not happening automatically with the code that I've pasted above as the TileLayout allows for displaying partially visible rows (in a form of a vertically scrolled list). I was wondering how I could achieve the behavior described above.If the above description does not sound logical please let me know so that I can adapt it (or include more details).
I'm trying to position dynamically generated movie clips into rows and columns. Currently i've managed to position them side-by-side using the same ._y position. I would like to position them into a grid consisting of 25 columns and 16 rows, so mc 26 would sit beneath mc 1 etc...
I am trying to figure out how to manage a Datagrid based on an XML object like this:
[Code]...
I will need to populate the Datagrid column names based on a different XML object and use the above XML to populate each of the column's rows. I currently am able to create the Datagrid and populate its column headers but I am unsure as to how to how to add the rows for each column. The above XML will be update with new row and column elements added and deleted. This, of course, will be bound to the Datagrid to show updates.
I need to create a multidimensional array with a certain number of rows/columns from variables that store the number of rows/columns. For example say I have:
var r:int = 5; var c:int = 10;
I want a multidimensional array that has 5 rows and 10 columns, every space within the array filled with the value 0.
i m using flash on a module of Joomla to display images, i embed flash player code into javascript , it fetch images from an XML files wher images are predefined and it works fine, now i have a problem that i m collecting images from database, means images are dynamically, so i m unable to fetch that images an display on flash, i just want to knoe how to add dynamic image array into flash. do i need to create xml??
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;
In the sample above, sometimes all the data in the "Location Origin" will be null, so under the visible property I put a value which is either true or false depending on the data. But even when all the data is null and the visible property equals false, it still stays visible.
Is there any way to disable a few columns for a particular row in flex datagrid?
I have a datagrid with about 10 or more columns, say for example a few column names are: Item Id, Item Name, Item Status and VerifiedState. Initially I want the column Verified State to be disabled.
Now When the value of the column, Item Status is Review Passed for a particular row, I want the column VerifiedState to be enabled and editable. Is that possible in Flex datagrid.
I'm very new to flash and am using CS4/AS3. I have three image galleries of three images each. The images load dynamically from files on my computer. I've set it up so that when you click on a tab, you see a different set of three images.
The images load properly and it works to click forward to view them (that is, clicking on the image itself or the forward nav arrow). The issue I'm having is with the backward nav arrow. I keep geting an error message "Error #2044: Unhandled IOErrorEvent:. text=Error #2035: URL Not Found" when I click it.
The backward nav arrow works on the first gallery (egypt gallery) if I click that one first. But it doesn't work on the other two, and if I click back to the Egypt gallery after having been in the other two galleries, the back navigation no longer works in their either. Basically, I want the user to be able to click on a tab to load the images, and then be able to click back and forth between the images.If they reach the last image in a gallery, I just want it to stop advancing and stay put on the final image, but for the user to be able to click backwards through them if desired. My code is pasted below (I'm sure it's more complicated than it needs to be...
I try to implement a gallery of image with two buttons on each side of the picture to go to the next or the previous image.
This is my code: leftButton.addEventListener(MouseEvent.CLICK, ButtonLeftHandler); rightButton.addEventListener(MouseEvent.CLICK, ButtonRightHandler); function ButtonLeftHandler(event:MouseEvent):void { trace("Mouse Button Left clicked"); picIndex--; [Code] .....
On my output, I get Sequence Stopped When I clicked on a button. I don't get the trace message "Mouse button left..." My sequence is blocked.
Any way to add 2 buttons : next_image, prev_image to this gallery [URL], when the image is loaded at full size I want that 2 buttons to apper and when I press them to load me next image or pre image
The source cod is this import caurina.transitions.*; var folder:String = "photos/"; var css_file:String = "flashmo_202_style.css"; var show_tooltip:Boolean = true; // true OR false var tween_duration:Number = 0.6; [Code] .....
I have dynamically loaded buttons (thumb) and images (galImage) going to container_mc and full_mc containers respectively. I can't get the buttons to stay down when pressed using MOUSE_DOWN and MOUSE_UP. When I use CLICK instead, they all stay pressed. [code]...
I am creating a card game everything is fine but I am not able to create a stack of cards as follows: If I have 4 cards that are represented in an array such as 4,5,6,7 of Spades then I want the card with the least priority to be placed on top and the highest priority card placed behind the first one.
Any way to take the contents of an array, which is full of texttype, and use them to create a stack of buttons. Now the actual text I have in the array will change every time the program is run. For example, let's say my array is ["apples","oranges","pears"]. I want to create three buttons (in this example) so that it appears apples oranges pears And when you click on "apples", it takes you to the corresponding "apples" webpage ("_blank").
I have a video gallery (operable) and AS is within the flash file. i currently have my thumbnails (in xml file) in one column off the the left side however they just run right off the screen.With the code provided below, would someone assist me in having images automatically spread over a number of columns.[code]
I need to modify Stringy's XML gallery to show 5 rows of 2 galleries instead of 4. I know how to decrease the number of galleries to 6 because Stringy told me the following:
You can change the size of the boxes by changing these variables (or associated variables)
th = Math.round(sizeh/4-(5*spaceh)/4-30/4); tw = Math.round((sizew/2)-(3*spacex)/2); so to make say 3 rows/2 columns you could change to this th = Math.round(sizeh/3-(4*spaceh)/3-30/3);
