ActionScript 3.0 :: Thumbnail Loader Based On Bytes Loaded?
Jul 23, 2010
I have found out that I can not use loaderInfo.getBytesLoaded in as3. I have a gallery located here: [URL]the functionality is almost complete, but my gallery still has issues loading all the thumbnails. It seems that sometimes they wont load while sometimes they do. I have split my thumbnail process into:
LoadThumbs: Loads the thumbs
Callthumbs:Arranges the thumbs
Each function is called once per thumbnail. My problem is that I can not find the bytes loaded information for the thumbnail as it loads. Event completion and preloaders dont seem to help. I doubt it's my alpha tween because the thumbs are un click-able when they are not there. This is the info for my function, with the comments indicating the parts that bring up errors.
Code:
function loadThumbs()
{
x_counter = 0;
y_counter = 0;
[code]...
How do I get the loaded info of each thumb as it loads? Do i need to make a new class file?
What I'm trying to do is get the total bytes of all the files I want to load and display the percentage loaded of total bytes and bytes loaded of all the files. Its a slideshow so i want all the files loaded and then it will play. I've looked at bulk-loader but it wasn't what I needed. The image are loaded from an xml file. I think I would need to create an Array and then find out the total bytes but I don't know how to reference the loader in the progress.
im trying to make a pre-loader, that based on the percent loaded, displays text. So at 5% it says "loading" and at 10% "still loading" , etc. Im guessing there is a way to say percenttotal=5, entertext=still loading target=instancenameoftextbox I've gotten the loader tutorial on the site here to work, i just want to add this to it.
so i have created a preloader to load pictures... and i created a button to stop the preloader if the user changed his mind and wanted to change the picturethe problem is that each time i click a picture and cancel it, the bytes remain in memory, so if I click on another picture very fast both the first picture's bytes and second picture's bytes get accumulated and load together, which means much much slower loadingso how can i delete the bytes loaded of the image if i click the cancel button?
ActionScript Code: function onclsLdrclick(e:MouseEvent):void { l.contentLoaderInfo.removeEventListener(Event.COMPLETE, onImgComp);
URL...Basically, you press button to enter and the tape measure will roll in time with the amount of data/frames loaded. So if 50% of data/frames loaded, the animation would be halfway completed. Upon completion, it zooms in on tape measure and I have animations from there to get to the main site.This was successfully done in Actionscript 2.0, but I need it to work in Actionscript 3.0.
this is executed when a ceratin button is pressed and loads in a movie in to the .swf , the movie is loaded into the 'content' movievlip and displayed correctly, but the preloader is not getting the bytes of it,
I'm trying to create a script that will check different supplied filename paths, insert them into a movieclip, and retrieve the total bytes of the clip so I can determine whether or not the filename is valid. I'm having trouble with the bolded code below. Basically its checking to see if the loaded clip's bytes are more than 0. If its 0 then I know the path was wrong.I've tried using .onData and .onLoad as event handlers, and getBytesTotal and getBytesLoaded as my conditions for my following if statement. When I trace the result I get 0 even if the movie was successfully found and loaded... anyone know whats wrong?!?!
I'm trying to create a script that will check different supplied filename paths, insert them into a movieclip, and retrieve the total bytes of the clip so I can determine whether or not the filename is valid. I'm having trouble with the bolded code below. Basically its checking to see if the loaded clip's bytes are more than 0. If its 0 then I know the path was wrong. I've tried using .onData and .onLoad as event handlers, and getBytesTotal and getBytesLoaded as my conditions for my following if statement. When I trace the result I get 0 even if the movie was successfully found and loaded.
I have set up an xml thumbnail gallery using some of the great tuts on this site (I'm a designer so this dev stuff tends to get a little confusing). Basic setup is quite simple:
xml holds titles, thumb urls and details set up thumbs as a grid system, so they're loading in as columns, all of which is working great.
I have run into a bit of a brick wall though, and that is how to get the thumbs to sequentially load in, instead of random as they currently are.
Code: ... function GeneratePortfolio(portfolio_xml) { var portfolioTitle = portfolio_xml.childNodes[0].attributes.title; var rootUrl = portfolio_xml.childNodes[0].childNodes[0].attributes.rooturl;
I'm over here putting together a tweened preloader that runs in time with bytes loaded. I'm just wondering how I could make the preloader movieclip fade out when the tween is finished and then advance the playhead when the alpha reaches 0. I can post an fla if that'll help anyone understand better.Heres the code on the preloader movieclip:
i am currently working with flash based fashion website. here i am uploading large image and thumbnail from xml. i also have menu navigation at top. my code structure is detail below:
[Code]...
my problem here is like i have home button with 5 thumbnail and handbags with 2 thumbnail when i click home button will display 5 thumb with large image and again when i click hangbags buttom it will display 2 thumb which is what i want but 5 home thumbs keeps on remain at back. dont know how to remove them upon new button click
I have seen many tutorials on how to create xml-driven, thumbnail-based image galleries, but I am looking for one which can do a "Before and After" photo effect. I'm designing a realtor's website and want a "before and after" gallery to show work being done on some homes, before construction and after construction. So, basically, you have two photos, same size, overlaying each other, and use maybe an Alpha fade to "merge one photo into another"? Something which slowly fades one into another, not just something which does a complete Alpha fade out, then a complete Alpha fade in.
I can get which part of file in bytes is loaded using videoDisplay component for RTMP protocol for VOD, I can get the current playing position using videoDisplay.playheadTime. But I want to know how many seconds of video are already loaded (not the length of bufferTime, which remains constant). i used videoDisplay.bytesLoaded when using RTMP it returns nothing ,if we uses HTTP it displays number of bytes loaded
The loaded size in bytes is not directly proportional to running time of the video, and while using rtmp im unable to get bytesLoaded too, how i can calculated the Video already loaded.
Intro:I started a flash-based website a few years ago. Back in 2006 I was able to get a xml scrolling thumbnail, image loader to work without a glitch.For numerous reasons I had to put the project on hold until now. [one was that my 30 day trial of flash expired and only recently was I able to purchase the Adobe Web Suite CS4 as well as a new computer which could run the apps.]
Last Friday saw a bump in the road in the development of my site as two, rather straightforward task, turned into something short of a nightmare as I have been unable to get past these two, seemingly, relatively simple task.I have posted in 4 other flash forums the issues, in detail, that I am facing - and have quite a bit of interest/views in the topic as the numbers suggest - yet no response/answer as of yet. [Which confirms other messages I have seen which seem to state that working with buttons has become increasingly difficult with the newer version of flash - something Im a bit surprised with actually from Adobe. - I would have thought there would be a palette where you could set parameters...]
Screenshot of Site/Timeline: Before getting into the two questions I have, I would like to post an image of the site as it looks whenever an swf file is saved out, as well as a piece of the timeline in the back for reference.As of now when the swf file is saved out you get exactly what you see above:
a: A scrolling thumbnail
b: ...which loads a large image when clicked on it - PEFECT...
BUT...1a: I need for the buttons to load in this action, not for it to just load on its own.[i.e., the silk_paintings gallery is what is open, so I need the "silk_paintings" button to call up this action]
note: Initially I had attacked this problem by taking out the actions layer you see above and applying it directly to the individual buttons with some crude MouseEvent Listener/Handerls... that did not work - at all.Im sure it may be "easier" to make an array out of it, but with my coding level it may be "easier" to apply it to the buttons.
1b: How I currently see it, I would take the xml-list and duplicate it for the number of galleries I have.[I would then re-name the xml-list to reflect the name of the galleries they are to represent, i.e. "silk_paintings"][also, I would have to rename the folders to "thumbnails1,2,3, etc., & "images 1,2,3, etc"
From there I would duplicate the actions and paste it into the buttons, changing the xml-list name to that of "silk_paintings", etc., as well as write in the MouseEvent listener Handler to make it work. [ah, ha, but what is that magic phrase, I have tried to implement various code from other tutorials, and all in vein.]
At this point I would be tickled pink just to get this to basic function to work.However, once the buttons are working and calling up the xml, etc., then I need the buttons to stay on the semi-transparent blue color it is whenever in the 'hit' state. [note: NOT pictured above.]With the way the buttons are currently set up, and with wanting to use scripting to get them to interact with the thumbnail gallery, it will have to be some miraculous code to tell that button what color to stay as whenever its clicked, and of course it going back to white when another button is clicked.
Conclusion:Since this is an Adobe Forum I would like to make a few additional statements in hopes that the developers, etc. may take heed.Adobes products are not cheap, and when I went to purchase the websuite I went in as a designer needing a program as not to need to program.I understand the flexibility that coding gives, but something as simple as linking buttons should not be in the realms of rocket science.
stop(); fscommand(allowscale, false);//keep SWF display at 100%
var x:XML = new XML ();//Define XML Object[code]....
I have a sliding thumbnail gallery which when a thumbnail is clicked loads an external .png into a container with an instance name of mycontainer which I have on the stage in the .fla. Its added like such: When the Loader's (which I gave an instance name of imgLoader) complete event is called the function onLoaded loads it -like this: mycontainer.addChild(imgLoader);
I also added a mask(stageMask2) to mycontainer which is the same size as the external .png--I then used this code imgLoader.mask=stageMask2; to mask the .png. I did this because I added a zoommc function which enlarges the imgLoader and wanted to keep the visible size of the container the same. I would also like to be able to drag the zoomed image. I don't want to drag mycontainer as it contains the mask and I cant drag the imgLoader as it doesn't have that property--Do I need to put the imgLoader in another container?
Here's the problematic code: var stageMask2:Sprite = new Sprite(); stageMask2.graphics.beginFill(0x183045,0); stageMask2.graphics.drawRect(swfX,swfY,604,403); stageMask2.graphics.endFill(); var closeWin:TextField=new TextField(); [Code] .....
I have a shell swf that is loading a swf. How do you have the loaded swf tell the parent loader to unload itself after the loaded swf finishes playing?
I am fairly new to flash action script and I am having a problem with a project I am working on. The problem is as follows. I am trying to create a table of thumbnail pictures from an xml. I have made the table load from from the file though when the items are created the first thumb has the background and text field though all others are missing this. I have tried making a clip inside the thumbnail clip thats called "thumbnail_image" though that didn't work. I also want to be able to click the thumb and have it go to the corresponding url from "curl[]". I just can't work it out. At the moment it will only go to the last url added in the array
I am busy working on a xml driven photo gallery where the number buttons for each picture are generated dynamically ie) 6 xml nodes....6 buttons generated labelled 1-6 and everything is working fine. I want to have a thumbnail hover state appear when I roll over each of the buttons. I have a static thumbnail which loads in the thumb_path, however I cant seem to get this to work when you hover over the buttons...the function menu() is what generates the buttons: Can anyone shed some light on what would be the best way to create a thumbnail preview for the buttons? I have attached a preview of the gallery as well.
images skew when loaded up using loadmovieclip fuction thumbnail images should load at resolution 150x150 but display at 150x175 cant find scaling as in my code (couldnt get scaling to work right with my looping function so left it out)
That said, I would like to alter some of the code to allow the thumbnail scrollbar to begin scrolling once the page has loaded. Here is what the code looks like as it is right now.
I have a root stage, and a MC that is called from the root stage.Now from that MC, i will called in another MC2, and I wanted to placed the MC in the center of the stage. The reason I could not use normal ADDED_TO_STAGE at MC and define the center is because MC is not place in the exact position of the root stage (as in x, y=0). So if I would target MC2 at MC stage center, it would not be the exact center of the root stage/screen.How can I called the root stage properties rather than adding MC2 into the stage?
I have made a image-viewer. I've this AS for the viewer:
Code: import mx.transitions.Tween; import mx.transitions.easing.*; function loadXML(loaded) {[code].....
Now i would like to make a loop for the thumbnails so they don't have a beginning or end(Now when i scroll to the right the thumbnails stop at the last thumbnail, i want it to begin at the first thumb again).I'm also trying to make that the middle thumbnail represents the photo in target_mc.
I am making a gallery, which you can view here:[URL]ok, firstly, when you click a thumbnail, you cannot scroll them until you roll off the click thumbnail, and I'm not sure why. is it just a movieclip thing? or can I put some code in to re-get focus of something? ok, now for the two general questions:
1. When you roll over the thumbs, they go up, sometimes they flick back down though, even though you are rolled over them still. is this just because they are moving?
Ok why wont this work? (flash CS5 and action script 2)Trying to do aNavigation bar button , to preloader to abour me page with a photo component.Not on the pre loader page the bar works, only it wont disappear.
I have a fairly chunky swf that I am loading through the loadMovie function. Just wondering if a loader can be added to let the user know the video is being loaded rather than a blank 20-30 seconds...
