ActionScript 3.0 :: Dynamic Xml Based Grid Gallery
May 11, 2010
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]
View 1 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
Jul 19, 2005
What I want to do is to make a gallery based on the tutorial gallery here (thumbs), but I want the user to be able to choose different galleries from within the movie. I figured that I could make a loop to cycle through the galleries, then nest another loop inside it to cycle through the pics, captions and thumbs. While I wrote, I constantly tested the output with trace commands, but when I tried nesting the loop I lost all output.. I'm pretty new to both Flash and Actionscript, so if theres an obvious solution I havent been able to see it.. This is my temp XML file:
[Code]...
View 2 Replies
Oct 26, 2010
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.
View 1 Replies
Sep 22, 2008
I just make a grid based on array... my problem is how to highlight boxes that contain only character I mean if the box contain character it will gotoAndPlay(2)...eg:[code]
View 1 Replies
Jul 7, 2009
A 3*3 grid, consisting of 9 squares (0-0, 0-1, 0-2, 1-0, 1-1, 1-2, 2-0, 2-1, 2-2). I want to be able to navigate the grid using a keyboard by going up, down, left and right. If I hit the edge of the grid, I would like to "wrap" to the other side. This kind of menu is seen on games, mobile devices etc.
Does anyone have a good implementation of navigation algorithm (does not to be in AS3), rather something I can refer to?
View 3 Replies
Aug 21, 2009
I have a flex data grid. It contains two column Maths Mark and English Mark. If Math Mark >English Mark for any row then it will set that particular row color as Green.
View 1 Replies
Oct 6, 2010
I have a grid based game with eight bots each moving under their own instruction set, I have set them to return their ID and location when clicked, the game as it stands now is over 2k lines so I wont post it all here. On occasion two of the bots are merging into the same MC, clicking on either one or between the two merged ones will return the same ID (bot 0 returns that it is bot 1 in bot 1s location for example). To make it more confusing they are continuing to run their own separate code, bot 0 is not moving the same way as bot 1 is. Doing a var dump does not show anything as wrong, they all show up with the right IDs and locations.
View 0 Replies
Aug 9, 2010
I am trying to build a experimental interface (menu, text etc) which is based on a fine grid of points, on which i try to render custom fonts and shapes, by connecting the dots. I would store coordinates for characters (O consists of 4 lines for instance) and render them in an animation line by line, character by character.(this non interactive version is my first step)My question is, what would be the best way to store such a font collection, and execute the above. Any Thoughts? all ideas are welcome
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
Feb 7, 2012
[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.
View 7 Replies
Mar 16, 2008
Does anyone out there have code for an XML gallery that arranges the sliding thumbs in a grid of many rows and columns instead of a single row?
View 6 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
Jan 17, 2009
how to show 11 images in grid type gallery i have created rows and cols for 12 images i want for odd nos ie 11 images 9 images etc.
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
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
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
PHP Code:
stop();
import fl.controls.ProgressBar;
import fl.transitions.Tween;[code].....
View 5 Replies
Aug 1, 2006
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.
View 1 Replies
Aug 7, 2007
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:
Code:
cliparray = [];
columns = 6;[code].....
View 2 Replies
Oct 30, 2011
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.
View 1 Replies
Aug 24, 2011
I have been using the tut from [URL] with image gallery through i need to roll this into six images per page and have it flip through till its done
View 2 Replies
Jun 24, 2010
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,
View 1 Replies
Jul 31, 2007
I try to make galery based on xml, just like in tutorial [code]... , but i wanna, that preloading will be not before every picture, bu t just one in start. First load all jpg from xml, and then start to looking at it
View 8 Replies
Sep 8, 2009
I'm trying to setup a DataGrid that contains a column of combo boxes. The values of the combo boxes are defined by data specific to that row. I cannot get this to work though, I'm asking for a solution to this, either fixing what I have below or a recommendation on a different way.One of the columns of my DataGrid has an object derived from a ComboBox for an ItemEditor. The itemEditor is set like this:
<mx:DataGridColumn editorDataField="selectedItem" dataField="type" editable="true" >
<mx:itemEditor>
<mx:Component>
[code].....
View 1 Replies
Jul 31, 2007
im trying to load an external movie clip named gallery.swf (which is based on xml) to be loaded into my main movie...
it seems my external movie clip is replacing the main movie. i want it to be loaded inside it not in place of it.
here is the code of the gallery.swf:
[CODE]var imageArray = new Array();
imageXML = new XML();
imageXML.onLoad = function ()
[Code].....
View 8 Replies
Jan 8, 2009
I need to create an image gallery, based on an XML file, which displays both the thumbnails and the normal-sized images. Here's a link for you to get an idea of pretty much what I want to achieve, except for the fact that I don't want the thumbnails to slide to the left or right, I'd rather want them to be static, and if there are more thumbnails than, let's say 3, to display a "previous-next" controller. After following some tutorials, here's what I created so far:(you can also find all these files + the thumbnails in the attachment)The XML file (settings.xml):
PHP Code:
<slideshow>
<images>
<thumb tLink="th/01.jpg" desc="This is the first thumbnail" bLink="bigImgs/01b.jpg" />
<thumb tLink="th/02.jpg" desc="This is the second thumbnail" bLink="bigImgs/02b.jpg" />
[code]....
So far, so good, the script does trace what I told it to But I need to further improve this rather simple script. So, basically here's what I need:How do I load each thumbnail into a "container" movieclip, so I can further manipulate this movieclip's properties (do an easing for position, alpha, filters etc.)? There's one more thing I need to specify: I want to display only, let's say, 3 thumbnails at runtime, not all of them. how could I assign an instance name to each of them.
View 3 Replies
Sep 14, 2009
I've done some Action Script 2.0 before this, but never really moved outside of flash. meaning i can tween, animate, include buttons, so all the basics for a static website i can do, but now i'm currently doing some workplacement and am working on an xml based gallery.
I've gotten as far as being able to load a jpeg from a xml file into the swf. i also programmed a thumbnail panel. what it does so far is create as many thumbnails as there are nodes in the xml file. you can then scroll through them via mousemovement. what i can't figure out is how to load pictures into the thumbnails, seeing it is always the same movieclip but a different picture should be loaded in each one.
so here's some info on the code:
i create the thumbnails using the addChild Method. i add a movieclip called "thumbnail" from the library. like so:
for (var i:int = 1; i <= picamount; i++) {
createThumb();
function createThumb() {
[Code]....
View 0 Replies
Nov 15, 2008
I was wondering how I could add sound to a gallery that is driven by xml.I have a gallery that loads the picture, Title and description. the gallery is downloadable here.The regular gallery loads a web page when the picture is clicked. I am trying to make each picture load a different mp3.I have the general Idea of how it would be done but I don't know how put it to actionscript.I figured you would basically create a sound object that loads the specific mp3 from the xml file when the picture is clicked from the gallery.I think I might have some what of the idea right but I get an error everytime I load the swf file.
"ArgumentError: Error #2068: Invalid sound.
at flash.media::Sound/play()
at MethodInfo-6()"
[code].....
View 3 Replies
Mar 16, 2009
i found a very nice tutorial about making an xml based gallery from oman3D which i use it as a base and change some codes abit for my own gallery project... but those modification comes with bugs that i can't figure out that makes me feel like stop learning this and kill myself T_T. among few things, i tried to add auto resize, auto center and a crossfade transition for the images but it has awesome bugs that i cant figure out why it happens..
most annoying bugs i got is that when i tried to center an image, which i did by substracting the default width and height of the gallery with the loaded image's width and height then divide it by 2 and adding the default position of the gallery so it should practically comes out with x and y that puts the image on the center of the allocated gallery space
well, it works but apparantly the image's height and width are rubbish, because sometimes the number is accurate and other times it may changes... i wonder is it accurate to get image's width and height property if that image is loaded with loadClip and the props are checked during onLoadInit
second bugs is that i tried to create a crossfade transition... or to the least a fade in-out transition, for the latter i manage to make it work by using tween script which starts fade out the old image and start the fade in of the new image using the onMotionComplete function
but after modifying other scripts it stops working for reasons i can't figure out.. also the tween script i added for reasons unknown will reset the position of the loaded images to 0,0 and i dont really have any idea on how to crossfade this ( the only thing i can think of is that i would duplicate the old image's mc then fade it above the new but it doesnt seem to work)
as for the auto-resize function i made, it did works perfectly until i figure out the original mc's size cannot be reverted back, so if i load a very large image, then unless the next image is as large or larger than the previous one, it becomes tiny... even after i tried to reset the mc's prop before every new images loaded..
View 1 Replies
