ActionScript 3.0 :: XML Grid Image Gallery In Flash - Overlapping Layer?
May 7, 2011
I have just done using the tutorial (url.....) for creating a XML Grid Image Gallery in Flash for my portfolio.Since I created my website entirely with flash cs5, I have put the script in a new action layer on top of one of the pages.It worked fine when I just tested that page, but when I clicked into other pages, the gallery wouldn't go away, I tried to put "stop();" in front of my script but still didn't work, everything overlapped with each other.The following is my script
[url]...Now I have a problem, I would like to add DOWNLOAD button for every image, or to add ''Back'' button, and clicking on the image would open it in new window for downlading. I tried to modify code on my own but I didn't succeed a lot. I dont know if I have to put links in XML file and then create new var like ''picUrl'' or something? My main problem is creating function for that.
I don't think Flash is seeing my movie clip grid that I placed on the GRID Layer. When I check syntax it doesn't find anything wrong, when I go to debug in Flash it shows the grid even though I thought I have it set to visible=false. When I set it to true and debug the code it shows the grid as well. When I try to test it in Scaleform for UDK as well, the cursor acts as it should however the grid is invisible, when I change the code for the grid to be visible it still doesn't show up. I provided a screen shot of the entire screen. with as much information I could think of to show including the entire AS code.
Below is the AS code as well. I am using AS2 code. ActionScript Code: _global.gfxExtensions = true; import flash.external.ExternalInterface; Mouse.hide(); startDrag(cursor, true); var mouseListener:Object = new Object(); [Code] .....
I have an existing Flash app that has a layer containing a square separated into 4 quadrants. A set of icons is provided to the user and he/she is asked to drag each icon into one of the quadrants. Does Flash/AS3 provide a way to create a grid (not necessarily DataGrid) that overlays the existing image? If so, how do I setup AS3 syntax to save the quadrant in which an icon is placed?
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.
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.
I am new to AS3, I am creating a gallery and stuck on a place. [URL]. Requirements: 1.) Need a nice loop for loading all thumbs, most important it should be physically separated, should not be looped via code. 2.) When I click on 1st button I must load first 4 thumbnails (which is already loaded), and with 2nd button it must load next 4 thumbnails from xml file, similarly with 3rd.
I've made a gallery slideshow before but wasn't as intuitive looking back at it now and I want to start fresh on this new project. I would like to convert a jQuery lightbox style gallery into a flash XML based AS3 image gallery with categories. I don't want to code the FLA, I want separate AS files.
This is a school project for my website. I would use jQuery and I have more experience with it but this project needs a flash component. I'm just not sure where to start and looking for some advice on how and where I could find resources. I want it to be minimal as I can make it;
- 8 thumbnails to a "page/section" with more flowed into page 2 or 3 etc. (or a srcoller)
- a few buttons for categories
- images fading in full size with a description when hovered over and a close button
- preloader (simple bar)
Esentially something like this > http:[url].........works which is using http:[url].... for the thumbnails. That might be ambitious but I'd suffice with a simple fade effect.I've downloaded some galleries out there but most of the code is messy or outdated.http:[url]... this is alright, but all the code is done in the FLA. I might break it into AS files but it depends.
Just wondering if anyone knows about the project I am trying to start, uploading images from flash using php is fine but wondering if anyone knows how to create dynamic xml from php and it takes all the image names from the same folder where those images have been uploaded. So we can load all the images in image gallery through xml into flash.
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] .....
I have a store style website that uses a grid format gallery to display a grid of thumbnail products which can then be clicked.url...I have created xml captions that sit ontop of each thumbnail in the grid. They display fine when static but I wanted them to only display when you mouse over the corresponding thumbnail.I have code that tweens all of the captions (thumb_caption) to 0% alpha and the tweens to 100% alpha upon MouseOver and then back to 0% alpha on MouseOut.At the moment there is one problem - When you hover over ANY thumbnail the caption for the LAST thumbnail fades in not the corresponding one for THAT thumbnail.Example - if I have 10 thumbnails and I hover over thumbnail 1 the caption for thumbnail 10 appears ontop of thumbnail 10. (not caption 1 over thumbnail 1 like it should!)[code]
I need to develop a flash too that can capture a 800 X 600 image from a VERY larger image. The user will click on a spot on the image and this spot where he clicks will be the centre point of the new image that will be generated. The problem is this, when his centre point is less than 400px from e.g. the left, I need to capture the overlapping area on the right hand side of the image.
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.
I would like to create a dynamic 3 layer image that can have any of the 3 layers changed. i was thinking of doing this with alpha mapping where I have a back, middle, and front layer each defined by an alpha map. So if the style or shape of these changed I just render the texture with a new alpha map to define what portion actually takes the texture. So for each of the 3 layers there is a type(defines the shape), the texture which is applied to the shape, and an alpha map that is used to specify how the shape takes the image.
Imagine a fruit basket that can have the fruit switched out or the basket, and any combination of textures applied. You could potentially see the inside of the basket which may have a different texture than the outside. The fruit would all be one image that would then fit into the basket, and finally the basket would render. Then if you swap the color of the basket but keep the same model it would update, and you could then swap the model of the basket and keep the same color. But i'd want to do it where I have 1 texture that can fit over all the baskets but is just chopped off using alpha mapping.
I saw the tutorial here on how to make a Flash XML photo gallery with a scrolling thumbnail bar. Awesome!
The thing is, the example he DIDN'T choose to illustrate is the one I want make - exactly.[URl]..Is there somewhere else I can find this? The problem is that I have say, 16 photos and I want 4 displaying on the stage at one time. I want a forward / back button available to switch through the remaining 12 images, when the user clicks the buttons (as opposed to a scroller, which I find difficult to control and therefore less useable).
The problem comes when loading the four images from my XML file. I am able to load the first four, but how do I indicate in AS that the next four images are to be loaded, until there are no more images left? What if I add 5 more, I want to be able to have that AS load them. I was using a mod function in my script, but I keep getting the wrong remainder. I'll have to post the code later.
I've built an xml gallery with thumbnails only, layed out in a grid, and am trying to link each thumb to a centered popup. I'm getting a centered popup when clicking the image, but instead of the page loading inside, I'm getting an error message: Not Found. The requested URL /tas-dp_new/undefined was not found on this server.Here is my actionscript:
I'm currently working with the OLAPDataGrid component and got stuck at a relatively simple task: I want to style the last row of the grid differently from the rest, so my cell item renderer needs to know whether he's rendering the last row with content in the overall grid, including those rows currently not rendered because they are outside the visible grid space. AdvancedGridListData's rowIndex property only gets me the row index of the renderer relative to the range of visible grid rows, i.e. when I scroll down the grid, a data item with an index greater than 0 gets the rpw index = 0.
i am trying to add extra images to the photo gallery attached. I would have thought it is easy and it seems so. I add an extra image to the gallery. I publish it. The html file shows the extra image in the gallery but the swf doesnt. driving me crazy, cant work it out?
im trying to create a grid gallery that when you rollover an item it grows larger and makes the other items a little smaller, and moves them to compensate for the larger image and on rollout it shrinks to its original size, and so does the other items. if someone could point me in the right direction (tutorials, etc.) or how i would go about build it,
I am creating an image gallery and the images change but change right back to the original image. I had it working yesterday but today it doesn't work.
anyone know if actionscript can do this kind of effect ? any similar tutorial i can find? or i can modify from market existing third party software? [URL]..
