ActionScript 3.0 :: XML Gallery - ButtonMode When Hovering Over The Thumbnails
Jul 5, 2011
I've built a simple little XML gallery. Features I need to add.
1) ButtonMode when hovering over the the thumbnails. I get "1119: Access of possibly undefined property buttonMode through a reference with static type flash.display:Loader." when I add it in.
2) One of the images loaded in is actually a SWF with a video that auto plays when the thumbnail is clicked. It play fine but when you click on a different thumbnail, you can still hear the video playing in the background. How to I property unload it. You can also see the last image behind the video player so unloading those would be great too.
3) As you can see in my code below, when you roll over or out of the thumbnails their alpha property changes. I want to make it so that when you click on a thumbnail it's alpha will remain 1 until another thumbnail is clicked and then it's alpha will change to 1.
4) Now this is the tricky part. I need to put an invisible "next" button over the large image that when clicked will load the next image or swf. It will also need to change the alpha property of the corresponding thumbnail to 1 so its matches.
I've got a website with three links to three different thumbnail galleries. When I click the link to a gallery that has a lesser number of thumbnails, it fills the difference in numbers in with thumbnails from the previous gallery.
I'm doing this: flashexplained.com/actionscript/making-the-ultimate-dynamic-image-gallery-in-flash-8/ tutorial but I want all the thumbnails behind the full-sized image to be hidden when one of the thumbnails is clicked to show the full-sized image and I want them to reappear when the full-sized image is clicked to make it disappear. I can't figure out what I have to add to the given actionscript code to do so.
I have downloaded a dynamic gallery from flashkit. I have tried to modify but cant. What i need to do is to get the thumbnails to appear 3 in a row, then the next one i loaded in a row under. When say 2 rows are loaded the scroller appears. In the gallery alla pics are loaded in one row.
This is question is a take off of my post in the Flash MX forum regarding creating thumbnails. I'm trying to create thumbnails for a pic gallery and would like to have an over-button state that will make my little thumbnail increase in size a little to indicate that this is the picture the viewer is going to view. I don't know how to go about making this button and I'm trying to figure out if there is a way through action script to do this. This way I don't have to make the over state a movie and increase the size manually...
how to use thumbnails to navigate to a specific photo within a series. The slideshow is set up to display photos from an XML file (starting with the first photo) and then you can click forward and back in the series. But I need to navigate via a thumbnail to any photo in the series and then play forward and back from there.
Action script:
//photogallery function loadXML(loaded) { if (loaded) {[code].....
The problem I think is on the bolded part. If I replace ref["thumb"+i] for say thumb0, it loads the first thumbnail into the first movieclip. I have on the stage ten movieclips with instance names of thumb0. thumb1, thumb2, etc. What I would like to do is to load a thumbnail in each movieclip without having to write the bolded line ten times.
I was adding the thumbnail gallery to my website, but the rollover to scroll through the thumbnails must is offset somewhere. I would like to just add left and right buttons to scroll if possible.http:[url]......
this is the main script that I'm using in my gallery :but I want to put description to every thumbnail, not only to show with the big picture. Like thumbnail [0] and at the bottom edge description [0], thumbnail [1] and at the bottom edge description [1], and etc.
I am following the XML/Flash Photo Gallery with Thumbnails [URL] Everything works great except the thumbnails. The first few thumbnails (the ones originally visible) are fine, but then the rest are all smashed up on top of one another. Is this a problem with my code? The pictures aren't all exactly the same width, so that might be the problem.
I followed tutorial [URL] on making a gallery with thumbnails. However, each thumbnail has to be of same width....if not the order of the thumbs gets mixed up. I've been trying to alter the thumbnails_fn(k) function, or more precisely this line: target_mc._x = hit_left._x+(target_mc._width+5)*k;
I have it set up to load multiple XML files, but, when you select a new book/xml, i want it the thumbnails to refresh starting with thumbnail #1, instead of wherever it left off in the arraythis obviously has something to do with the variable k, but i am having a lot of trouble figuring out where to fix this at.
// Buttons to call each Gallery and reload data bookone_btn.onRelease = function() { xmlURL = "book1.xml"; // sets xml file
I'm trying to use the flash gallery with thumbnails that was in one of the tutorials on this site. See here:
http:[url]....I wanted to make the flash player bigger, so I changed the doc size and then scaled the area mask that shows the image. I don't see why this would scale the image; it should just make the viewing window larger.But when I make an image the size I want it in photoshop, it is displaying the image far larger (blurry and cut off) than it is supposed to.Does it have to do with the action scripting, or the graphics in the document?
I create a photo gallery from xml using AS3 and it loads fine. I want to limit 5 thumbnails on stage. To see more you have to click the next button to see the next set of 5. Click prev button to see the previous 5.
I am using a slightly modified version of [URL]. The problem I am having is that my thumbs get arranged out of order because they aren't all the same width. The way the code from the tutorial works is it reads the width of the image onLoad, then multiplies it by the number image it is.
This doesn't work, cuz some images are much thinner, so the thin images end up way too far left.
My method was to define a starting width (curWidth), then set the position of my thumb by using that value. once that is postioned, add the width of the image to curWidth plus a space. Reapeat for each image.
Code: curWidth = 10; function thumbnails_fn(k) { thumbnail_mc.createEmptyMovieClip("t" + k, thumbnail_mc.getNextHighestDepth()); tlistener = new Object();
[Code].....
The problem with this is it puts the image out of order. In fact, it orders them based on the order they download. I understand why (cuz of onLoadInit) but I am not sure what to do about it.
i am using the code to build the flash gallery (the one without XML),everything is working but now i need to add some thumbnails that load a specific pic from the array, without loosing the alpha animation or the array order, does anyone knows how the code for the thumbnails buttons should be? i have tried some stuff but its not working at all.
So i tried modifying the xml gallery code a bit to include thumbnails that load up ynamically. Here is the code i'm using, not that much of it has changed except the loadXml function:
I'm making a flash gallery with XML, the thumbnails loads just fine but i cant figure out how to make the thumbnails clickable so that they can load the correct Image..Here is the code i have so far:
Code: var galleryXML:XML = new XML(); galleryXML.ignoreWhite = true; this.createEmptyMovieClip("container_mc",this.getNextHighestDepth());//Container for the thumbs
I'm working on an image gallery using a mouseOver to scroll the thumbnails. How can I limit the area affected by the mouseOver as at the moment it scrolls wherever the cursor is on the page.
This seems like it should be easy, but I cannot figure out how to do this in AS3. And after pouring through several books and lots of sample projects, no one quite seems to be using this method to create galleries.The goal: A gallery with circles for buttons that, when clicked, move already loaded images into view.
I have built a widget that creates the buttons and loads the images, but how do I make a connection between one dynamically created sprite(the button) and another (the corresponding image)?When adding children, is there a way to find its reference in the display object list? The buttons are named and will trace their names when clicked, but I don't see this when I'm listing the display objects.And I'm not sure how I can use these names or provide similar names for my loaded images. (My confusion is becoming evident here --or at least clouding my mind -- so I'll just leave it at that.)BTW, I have come across several tools/players that do something similar to what I want, but I'd prefer not to use someone else's controller. (It seems like the time to code this should be less than the time to skin/understand/customize someone else's FLA/SWF.)
I am trying to produce a photo gallery with thumbnails. I cant work out whats wrong i keep getting these 2 compiler error codes, 1021: Duplicate function definition & 1023: Incompatible override.
I've been unsuccessfully trying to implement pagination in a xml gallery with thumbnails. I use the method on the kirupa site for loading the xml and generating the thumbnails:
Code: function loadXML(loaded) { if (loaded) { xmlNode = this.firstChild;
[code]....
I have a mc with 15 thumbnail holders in which the first 15 images are loaded, then I want to have a prev and next button which will load the next 15 images into the holders.
I'm just beginning to learn AS3 and I'm trying to build a website in Flash. This is a photography website so it will have various image galleries. I'm able to have the images display. But I'm stuck when I try to add thumbnails to the movieclip. I've been using a for loop to loop through the total number of photo URLs in the XML, and add them to a thumbnail container. But either this will display, or only the image gallery will display. They will not display at the same time. Ideally, the thumbnail container will appear on top of the large image, so I guess I will also need to z-sort them.
Here's the code: import fl.transitions.Tween; import fl.transitions.easing.*; import fl.transitions.TweenEvent; import flash.display.Sprite; var my_speed:Number; [Code] .....
I'm having 2 problems (that I know of)... I'm not sure that "tscroller" is the movieclip I want to preload for the thumbnails, and I can't get my movieclip entitled "thumbpreload" (which is set _visible = true; here) to show up. This preload function seems to conflict with the main image preloader and cause it to stop working. The file I'm using can be found here: [URL]
Based on the Kirupa tutorial, as well as actionscript tweaking from a forum member, I successfully made a gallery that calls in jpgs from the host. The Kirupa tutorial [URL] uses arrows to navigate the images. The actionscript tweak I used, allows the use of thumbnails instead of the arrows. What I need is to use thumbnails AND arrows to navigate... here is the actionscript:
I've been trying to code an XML gallery, and it was going very well. I got it to display the thumbnails with text, and made it look nice and everything. Well, it seems I came to a stop.. Any way to preload the images, have image rollover effects, or have an onPress event (on the images, to pop up the larger version). So it's like half complete. [URL] - this is what I have so far. The files are here: [URL]
get a border onRollOver in my thumbnails gallery. I've tried the photo and thumbnails gallery and played with stringy's files to accomplish this but still haven't been able to get it to work.
