I have a gallery that I built from a tutorial I found online--it has an empty mc with a border around it, and when you click on a thumbnail an image is loaded into the mc and it fades in when it loads in and out.Ofcourse it works fine offline, but when I test it online the image will load in off-center, if you click the thumbnail again (after it has loaded the first time) it loads in the position it should be in. Here is the code I have on the first frame:
Ive made myself an xml gallery already, i just wanted to put a fade on the thumbnails and main images after they are fully loaded, so they appear gradually. thought it would be simple using the onLoadStart, onLoadProgress and onLoadComplete functions that are envoked by my movieClipLoader, but having soe problems with the images and thumbs disappearing a short time after fading. a link to what ive got so far is here, have a look and wait a while and youll see the thumbs, mains disappearing [URL] my code for the gallery is such (all contained in one frame, no buttons involved):
I'm trying to mix the simple photo gallery code with the xml gallery. i'm trying to get the images to fade in and out like the simple gallery, yet have all the features of the xml gallery. I'd like to do this without making two different movie clips/xml files, like the simple gallery. Again, any help would be terrific. I'll post the two codes.
simple gallery:
loadMovie(this.pathToPics+this.pArray[0], _root.photo); MovieClip.prototype.changePhoto = function(d) { // make sure pIndex falls within pArray.length this.pIndex = (this.pIndex+d)%this.pArray.length;
The images are loaded via XML and fadeIn in the order set in the XML file.At the moment a new image is required, it fades in. After the set time it gets deleted (setEndFlag) and the next image fades in.i guess i need to set a timer in order to fadeOut the "previous" image and fadeIn the "next" image. and after the "previous" image has run out of time it gets deleted.how could i include this in the script below? i really don't now how to do it anymore, since my as3 knowledge is not yet there where i'd like to be... and after hours trying to get my head around it i'm getting blind.[code]
I'm creating flash image galleries for a local design firm's site. Their pages are long, vertically scrolling, with large image galleries spaced down the page (about 900x400px each). Each of these shows an initial image, and then has buttons above to select image 1-9, or pre/next image. The images will need to dissolve from one to the next.Because there are so many of these galleries, I want to put each in a folder, name all of the images Image1.jpg, Image2.jpg, etc. and include a txt file to tell my navigation button how many images are in the gallery (this part works).
OK, but I just can't get the thing going now. Here's how I've approached it: Each Gallery image is a MC that has an alpha in/out animation, with a stop action in between that also swaps it to a certain level (just so I can identify it using getInstanceAtDepth when I need to fade it out).Image_1 is attached to an empty container on stage at the start. I want to define a function that will be called by my gallery buttons that will 1) tell the clip currently onstage to fade out (that works), 2) attach the appropriate clip to my container clip at a particular level (this does not).
Code: _global.galleryFader = function(clickVar) { // "clickVar" is returned when the gallery number buttons are pressed
I already created my photo gallery with : down thumbnails and up a display with the big picture appearing when I pass my mouse over the thumbnails. Till now the pictures are just appearing in the display with no effect . How can I make them appear fading in the main display. May'be see my fla for better idea.
I've made this photo gallery but I'd like to add some extra things but don't know how to do it. #1 - a preloader for the image loading, #2 - make the image to show gradually like fading in in the box.
i have an xml driven photogallery with thumbs and the slideshow starts automatically and is cross fading and it has a next/play/pause/for buttons. Everything is fine but i don't like the way the thumbs scroller operates, it's way to mechanical and i would love to add an easing effect to it. How do i do that? this is the code of the whole gallery:
I have been racking my brains trying to figure out how to do this but I can't! The two pictures I have given are different sizes to represent different browser sizes. The 'menu' stays the same size in the same position and the image/ greyblock scales proportionally to the browser keeping the same border sizes around the image.
I'm almost certain this was down with dynmaiclally with AS I've searching the forum and several other sites to figure out ho that was done, without success.
I have built a photo gallery connecting to a data base through php. Each photo loads in on a targeted movie clip. Is there any way to resize the image using flash before its displayed?
I'm have set up a photo gallery using the 'Kirupa Xml and flash gallery tutorial' and I wanted to use this but implement the border resizing function featured in the galleries on in the 'Howd he do this? Resizing slideshow' thread.
Here is the code for my gallery:
Code: function loadXML(loaded) { if (loaded) { xmlNode = this.firstChild;
I'm making a dynamic gallery to show some products from a catalog. This has to be scrollable only by pressing the left and right navigation buttons (see attached file galleryexplaination_01.png). The number of images varies by case as all the data are read from an XML (already done): all the infos are stored inside every product container (see movieclips structure in attached file galleryexplaination_03.png)
What I can't figure out to do is: how make the object tween (see attached file galleryexplaination_02.png )from a position to the next or previous one? As shown on attached file galleryexplaination_01.png the position are always the same. Also, as the images get distant from the center, they shrink and become more transparent.
I'm thinking to use an onEnterFrame which listens when the central product is changed (by pressing the left and right buttons), understands in which direction scroll the gallery and then, using a for cycle, it takes every product in that direction. But that's all that I've came up. I need some hints because I don't know how to control the image scaling and alpha as the x choord changes.
When I open up the html in a browser, the image spills off the screen. But if I adjust the broswer by dragging a corner of the window, the scaling starts working and everything fits great. Everytime I load the page or reload it though, it goes back to the default of spilling off the screen. So, it mostly works... unless you don't adjust the broswer manually.Here's the html code:
how do I fade in/out dynamic textfield with simple knowledge of AS3? I have 3 textfields on stage, instance names : txt_1, txt_2, txt_3 Every 10 seconds I will pass in new string to all 3 textfields. I would like to improve the visual for them, thinking it would be better by adding in fading in/out effect when new strings are passed in.
passTimer = new Timer(10000); passTimer .addEventListener(TimerEvent.TIMER, passTimerFn); function passTimerFn(e:TimerEvent)
I am making a childrens story book for school and to go between the pages of text I want the text to fade in and out.. I have been trying many different things and have looked quite thoroughly and have found nothing which is what i want.
What I Would Like If I have a book (see book.jpg attached) and in that book i will have text. When the next or previous page button is pressed the page will go to either the previous or next page.
The way I think it whould be done When you click on the next or previous or next button the text is written into a dynamic text field with action script, but is there anyway to have that script fade in when it is written with action script.I think this would require having just one dynamic text field and the buttons on one frame and then just writing and fading the dynamic text in that text field when you click the button. Also is there anyway to set the previous and next button to load different text depending on the text that is already loaded?
I am using a mx:Resize effect to change the width of an image in Flex (leaving the height to look after itself) but I want the image to remain vertically centered on the page. Whilst I could calculate the aspect ratio of the photo, and work out the new y value to keep it centred, I would have to include a mx: Move effect too, and I am hopful that Flex has a simpler way. This is for a photo gallery where images are loaded at run-time, and swapped about.
So I really would like to avoid recalculating the aspect ratio and vertical position every time the updateComplete event fires, I tried putting my image inside a mx: VBox with verticalAlign="middle", thinking that the box would do all the centering for me, but this only seems to happen when the app first starts - i need it to gradually adjust the position during the period where the effect plays (to keep it central even when part-way through).
SO i have looked and looked and I am beginning to believe that this may just be impossible to do with Actionscript. Basically i have a backend php file that creates an XML file of randomly selected entries from a Db. That XML file is imported to the swf file, and currently i can rotate through the XML nodes with no problem. Where i am now having issues is trying to have each entry Fade in.........and then fade out. Doing this with tweening is not an option because the tween time period never matches up with the backend actionscript rotation time period.
I have read alot about how you need to embed fonts to make this possible. have done that to no avail. THis can not be that out there of an idea. Basically i have a list of advertiser names and am wanting to rotate through them........but want a little more style than just a hard cut between the entries.
I'm trying to play 2 external flash movies. its already running ok but i need the scene to be somewhat to gradually become transparent so that the timebased scene2 will comeout to of the screen.
Here is the script of it:
var myLoader:Loader = new Loader(); var url:URLRequest = new URLRequest("scene2.swf"); myLoader.load(url); addChild(myLoader);
I can't work out why - but when I try to fade out some text (by calling fadeoutSecondText), the text fades out, and then immediately fades back in. Fading in and out struggle against each other, resulting in rapidly flashing text!
i'm making a flash movie that's going to load some text from a text file. i don't know how long each of the variables within the text file will be though, so i need to resize the text box that they are going to be displayed it. is there anyway that i can do this so that all of the text is displayed and not cut off by the text box being too small
I have a container with a vertical layout inside which I have two other child containers "A" and "B". n the first container "A" there is a component that I would like to resize dynamically based on the available display size. To to that I tried listening to the resize event of the main container and do my measures accordingly. That works somewhat until the parent container reaches a clipping size : container "B" gets clipped earlier than "A" because it contains much more stuffs : As soon as the parent container reaches "B"'s clipping size, it does not resize anymore (so no more resize event either) thus preventing me from updating my component's display in "A".
I have a flash file that is pulling images in dynamically from a PHP page. The images will come in all different sizes so I need to resize them once they are loaded to fit in the containers that they are being loaded into...I thought onEnterFrame was the best way to do this? So I have the following:
Code: onEnterFrame = function (){ for (i = 0; i < 9; i++){
How the resizing effect is accomplished. I generally use an HTML container with a 800 x 600 flash page but I'm interested in producing this full screen effect so I can control the background graphic elements. [url]...
Ok, got a problem that's driving me up the wall. I have 3 objects: tab, tabShadow, (both movieClips) and menuText (a dynamic text field), all of which are themselves contained in a movieClip. What I'm trying to do is have tab & tabShadow resize based on how big the dynamic text field (menuText) is, and then align everything. The ultimate idea is to create a dynamic menu based on XML.
The problem though is that a) the textfield won't resize even if the amount of text fed it is too big, and b) because of (a), the movieClips won't resize based on the textfield. I also can't figure out a good way to align them (just making the ._x / ._y values equal puts the textfield way outside the other movieClips).
Here's the actionscript code, and I've attached a copy of the .fla (done is CS4, but saved in CS3 mode) just in case it's a matter of the centerpoint being off or something. This is all in the container movieClip.
im trying to do a dinamic link for my dinamic thumbs gallery. But i dont know how to propagate it. here is my function for my show next button PHP Code:
I need to create a designer tool in Flash for laying out how kitchen worktops/countertops look. I found something similar to what I need:
[URL]
If you scroll down the page you place a rooms dimensions onto the workspace, and resize it. If you notice, when you resize the shape moves and a measurement shows on each edge.
I am working on a site at the moment (product catalogue) for this company. I have a problem with the images i am using. It is taking too much time and effort to resize all the images in a photoediting programme. I was woundering would it be possible to automatically resize the images within my area. I have the images loading up within a layer mask. I was just wondering if it is possible to tell flash to set a true scale setting within the area mask. I have noticed while editing image size in photoediting programmes I do suffer from a fundamental problem. Even when I constrain the proportions within an image re-size flash dos tend to distort this a little.
