Actionscript 3.0 :: XML Full Screen Gallery Tutorial Possibly With Thumbnails?
Dec 8, 2009Can anyone point me to a decent AS3 XML Full Screen Gallery tutorial possibly with thumbnails
I am having trouble finding one.
Can anyone point me to a decent AS3 XML Full Screen Gallery tutorial possibly with thumbnails
I am having trouble finding one.
original: I really just need to figure out how to center the pictures. here is what I did I have modified the tutorial that I finished to have a bigger stage for bigger pictures. Everything is working properly but the pictures are displayed on the left side, I want to have them centered in the stage for the images, after clicking on the thumbnails, plus my images are different sizes as well. ranging from 200x410 to 744x410 but all are the same height of 410. i will post up what I am talking about at the end. I believe it is something within either the action script or the xml coding that allows the position of the image to be differently? please help here is what i am talking about[URL] Continued: Here is my coding in action script:
[Code]....
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 want each image that opens up from the scrolling thumbnails below to have another set buttons relating to the main image. for instance:
[Code]...
numbers = buttons linked to another set of external images that are related to the big image. the problem is i don't know what controls the thumbnail/main image when i click on the scroller (i'm kinda lost in the code). so right now i have only one set of numbers regardless of which big image opens up.
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.
View 1 Replies[URL] They wanted me to make the gallery images full screen.. I have done this but this time the next and other buttons stays behind the big image when you enter the gallery (koleksion and showroom parts). Also the sliding menu stays behind this picture.. How can I fix this that the buttons and menu stays on the picture..
View 16 RepliesI bet you can't solve this one! I am using AS2 to make a full screen gallery like this: [URL].. and I'm having some problems:
1) MOST IMPORTANT: When the gallery is loaded in a smaller browser window, then the browser window is maximized, the scroll bar doesn't work properly when clicked. The scroller moves, but not to the position at which the user clicks.
2) LESS IMPORTANT: When the user mouses over the scroller and scroll bar, I would like their alpha/colour to change (preferably fade in and fade out).
3) LEAST IMPORTANT: Is it possible to use a graphic for the scroller?
[Code]...
i'm having a problem with embedding a full screen flash gallery. when clicking a thumbnail executes swfobject.embedSWF which creates the flash-object and the gallery is showing up. when closing the flashgallery, i'm removing the whole flash-objects. then when clicking another thumbnail, swfobject.embedSWF for embedding the object simply doesn't work anymore
View 1 RepliesI am using an XML Gallery on my website and I would like to make it full screen (take up the entire browser) -- instead of its current size. I have played around with the code for hours and pulled most of my hair out and STILL I have no luck on making it fullscreen... I get the positions changed but I can't manage to enlarge it to the whole browser.
Here is my code used to align the holder on the stage and the gallery components (bttnPrev and bttnNext are on the left and right of the image to control movement to other images):
Code:
alignPic = function () {
holder._x = (stageW-holder._width)/2;
holder._y = (stageH-holder._height-menu_mc._height)/2;
bg_mc.bg._x = holder._x;
[Code]....
I need to create a full screen photo scroll / gallery like on the Tom Ford website, see link below know how to make the various parts stay where they need to, but I do not know how to create a scrolling photo gallery.I have looked through the site for ideas, or clues how to make a full screen version.
View 1 RepliesI used the tutorial "Adding Thumbnails" to build a fotoshow. Adding another xml-file I have the problem,that I cannot reload(?) the thumbnails correctly.[code]Then I do not see any thumbnails,if(!) the new thumbnail list contains fewer elements than the old one and if the old thumbnail list was scrolled over the hit_right field before.It is seemingly necessary to reset the internal state of the movieclip. But how can I accompish that?
View 1 RepliesI tested my skin for YouTube Chromeless player, and seems it worked properly.All graphic elements, including TLFTextFields, are stored in external SWF, all the AS3 code - in loading SWF.I use ProLoader class to load SWF.However, when I tried to attach Player skin code to my Home Page code, I immediately bumped into two issues:
1. TLFTextFields ceased to display proper font;
2. YouTube Chromeless player ceased to enlarge up to Full Screen width in Full Screen mode, whereas all publishing settings were kept the same...
Although I managed to cope with TLFTextField bug by replacing instances with vars in loaded SWF, I have no the slightest idea what to do with those paddings in Full Screen mode... Neither removing all children on stage before loading YouTube Player skin, nor compulsory resetting player's size can't make it work...
I wnat to display a FLVPlayback full screen the same as when you click on the Full Screen component button.
function goFullScreen():void {
vidPlayer.enterFullScreenDisplayState();
}
var vidPlayer:FLVPlayback;
[code]....
I am creating a full screen projector with flash CS4. In the projector I have more videos, starting from an swf player-
The problem I encounter is this:
The projector starts correctly FULLSCREEN (using AS). The video plays 900x506 correctly. If I click on the player, to get the video full screen, it works. But when I press ESC, not only the video, but also the PROJECTOR looses full screen.
This is a bit annoying. Is there a way to apply the "back to normal size" only to the video? I do not want to prevent the app to be exited from full screen, it's not a problem if the user wants to exit the projector full screen. But not when the user exits the video from fullscreen mode.
How to target only the video?
// for Full Screen stage.displayState = StageDisplayState.FULL_SCREEN;// for the normal screen stage.displayState = StageDisplayState.NORMAL;But this code does not fulfill my requirement. I need Vertical Scroll Bar, even I go to the FullScreen, but I don't find any Scroll with this code.Even I tried "window.open" of JavaScript with ExternalInterface, but I couldnot succeed.
View 2 Repliesi am creating an interactive application that will run independantly on a computer.I have implimented the full screen stage display state to a btn, and it works great!
-------code-----
import flash.display.StageDisplayState;
function goFullScreen():void
{
[code].....
however as soon as i add a video [i will be adding several] the video takes on the full screen property, and that is not the desired effect.I have used several diff ways to import the video but as soon as i call the full screen, it goes to an all black screen.
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]...
i am wondering from this code, it makes the stage full screen, does it also makes the content of my movieclips scaled to full screen? i have tried this code and it does not seem to do that, how can i make my content to scale to fill a stage's full screen? i have a Movieclip containing a background with a class to make special effects on the background, i am having trouble making the background be "fullscreened" nicely with the stage.
View 1 Repliesi am trying to put some things together following the tutorials on this site. I did the tutorial 'Photo Gallery Using XML and Flash'and I followed it step by step and uploaded it with all the necessary files onto my remote server (xml file, Gallery folder, fla, swf, and html) - however, when I test the movie with flash, it seems to work fine (except the description test, my question to that later), but when I test it online it shows only the first image (but displays the correct number of images in the gallery); even when clicking the next button, it keeps loading the first image the first image. In other galleries (I use the structure for multiple galleries for my portfolio) the first image never loads at all.
Also, about the description text, in between the <caption> and </caption>, can I use <strong> and <em> and <br /> to change the appearance of my text? All it says is 'null'.If you want to look at what I mean check out my portfolio in the making. The problem with the first image displaying only is under 'paintings' and both the projects in 'design - packaging'. The second problem (no picture loading at all) is on some of the buttons in 'design - identity' (where I have not changed the description text of the tutorial yet).
Again,
There is this great tutorial here on kirupa where you add thumbnails to a XMLNow, everything works fine with horizontal pictures, but when i add vertical images the thumbs positions gets messed up. now, what i want to do is when it loads the thumbnails it should get the width of the previous thumbnail and position the next thumbnail right after it plus 5 pixels, then everything should work nicely. (I've already fixed how the big image gets positioned with horizontal/vertical images,If someone can point me in to right direction where the positioning of the thumbs are being made, then maybe i can fix it myself.
// EDIT
target_mc._x = hit_left._x+(eval("thumbnail_mc.t"+k)._width+5)*k;
I'm wondering if there is a way to tweak the tutorial for the thumbnails slider (link below) to allow for thumbnails of various widths: [URL] Currently the script creates the spacing between the thumbs by taking the width of the first thumbnail loaded and adding a value of 5 to it. However, in my instance the first thumb is the widest, so this creates odd spacing (This is for a product selector that runs from largest thumb to smallest).
View 1 RepliesI am creating a flash-based Kiosk. When launched, it runs full page/full screen. However, if a user clicks a button that opens an external document, the swf or Flash Projector exe leaves full page mode and appears in the Flash Player. Is there any way to ensure the swf or projector file always stays in full screen - full page mode?
View 4 RepliesI am working in Flash CS3 and Actionscript 3.0 My application resizes according to browser width and height. If the user first resizes the browser and then loads the flash application, I could not get the full browser width untill the user goes for full screen. Is there any way around, to get the full browser width before the user goes for full screen.
View 1 Repliesi am a beginner in action script / flex framework and i am facing a problem: i would like to have like a menu bar always anchor the bottom of the screen in normal and full screen mode... i try to set my component with bottom = "1" (so it should alway be at 1 pixel from the bottom of the stage ... But .. NO :)
[Code]....
I have an AIR application that will go full screen when the application starts:
stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE; The stage size is 2560 x 1024. And I have 2 moniters (1280 x 1024 , 1280 x 1024) When I start the application, it shows my application on one of my moniter only.
I need the left side of the stage to be shown in moniter 1 and right side of the stage to be shown in moniter 2. Currently, both sides are shown in moniter 1, and in moniter 2, it shows nothing but my default desktop. *The blue color line is a divider for better visual purpose. How do I make the left side of the stage to appear in moniter 1 and right side of the stage to appear in moniter 2 when the application starts in full screen mode?
Is a command for AS2 to make my movie file play fullscreen (stretch, fit to screen, anything).
goFullScreen(); is great but it leaves white bars left and right. What's odd is that I'm using Adobe Flash Media Live Encoder and it seems to display a perfect widescreen that I want as an input and output but once compiled in flash, it's more square leaving me with white bars left and right. The frame for the video in flash is also widescreen looking.
edit: I ended up stretching the width of the frame but if there is a better way through a command that would make my life easier so I don't have to adjust to every monitor that I run this on.
I have a flash app that contains a lot of data. Part of it has a video. I want to have an option to expand just the video to full screen mode. I have this working now, however it scales it proportionally based on the size of my flash app. Instead of doing that, how can I expand it to be 100% of the screen width?
Code:
function goFullScreen(base):void
{
if (stage.displayState == StageDisplayState.NORMAL)
[Code]....
I've been trying to attempt to make it so a .flv video will fit to the entire screen of the browser window. ( I already have my .swf file fit to re-size to any browser on any computer. I just can't figure out how to make the video as well) And obviously an external video so the flash file wont take forever to load.The point is this is to be able to have the Video be the background. So I may put content (Links, information or whatever else) on top of the video.
View 2 Replies[ X ] Problem solved I just came up with something i have some trouble to handle I've tried a couple of solution but none seems to work perfectly
What I'm trying to do is simple, get my flash to go full screen, but whatever resolution the user has, my flash must centers itself with the biggest proportion possible, and two movie clips goes right and left of it, as if they were borders.
I've been able to do this with a simple png, but i was not able with a movieclip where his dimension changes through time. ( i have a tween, so the mc gets really big even though just my stage is displayed)
I encountered on the building of my largest flash project to date. The project is a dvd-based presentation with audio, video and text that's xml driven.The project has been coming along nicely but recently a bug has popped up that I haven't been able to figure out. Here's what's going on:
There are three main sections in the swf, the intro screen, the main screen and the content screen. The swf is set to default to full-screen with the resizing and re-positioning of the elements built into a resize handler. Since each screen has different content, each screen has a different resize handler that is removed when transitioning to the next screen before the resize handler is applied for that screen.
For the first two screens, everything is working fine, but when you get to the content (third) screen (where the xml loads), the entire flash movie darkens, and nothing is clickable. This only occurs when the swf is in its default full-screen mode, if you escape full-screen the screen goes back to normal and the nav is clickable again. Also, if you've escaped full-screen mode before you reach the third screen, it remains normal and clickable.
I initially thought that it might be an issue with the event handler for the fullscreen, but the bug never appeared in previous versions with the same code. So I replaced the fla file with one that was not causing the bug and got a functioning swf out of it, even though it was including the same as3 files that the buggy file was including. I saved that file and sent it to the client, who has been successfully publishing from it without a problem. So I thought, problem solved, just a corrupt fla file. But now, any version of the swf that I publish has the problem, even ones that published fine earlier, and aren't using any of the new code that was being used when the problem started occurring. is it possible that my flash app has gotten corrupted or something? Has anyone ever experienced anything like this before?