ActionScript 2.0 :: Photo Gallery - Last Image Clicked By User Not Disappear
Jan 23, 2011
I have just started using flash. I needed to do this presentation for a client. In one scene I have provided him with a photo-gallery, where some 30 photos are placed randomly ...when playing the movie (published as projector) user will click any photo to watch it. For this I have used swapdepth so that photo, user clicks comes to front. Also applied drag to all these photos.
My code look something like this:
on (press, dragOver) {
startDrag(_root.pic6);
} on (release, rollOut, dragOut) {
stopDrag();
} on (press, release, dragOver, dragOut) {
_root.x +=2;
_root.pic6.swapDepths(_root.x);
}
For doing this first I converted the photo to button ...then converted this button to a movie clip and gave a instance name to this. Then I went into the movie clip and applied the above code to the button placed inside the movie. Applying all this to all photos I placed them randomly on timeline. The problem is : code is working fine, it is dragging photos, bringing them to front etc. But I have user to go back and play another scene to continue the presentation. Problem starts here, the last photo clicked by user remains there, even though it is not present in that scene.
I Managed to insert a photo gallery using lightbox...however, would like to make some changes: 1. Fixed previous and next buttons, been playing around with the code, with no successful result. 2. I have a group of photos, and if I want to enlarge the one I click, I cannot. Whatever photo I click, always the first one of the group appears.
This is the code I have in my html file: HTML Code: <head> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script> [Code].....
I would like to create a simple photo gallery in as3. I would like the user to be able to click on the image thumbnail and see an enlarged version come up next to it. The only galleries I see for flash are XML galleries and it was really complicated the last time I tried it.
I have been searching for a particular photo gallery, and haven't got far. Here is an example of what I am looking for. With the example I wanting the user to be able to click on a photo for it to appear in the box above. I am looking for a tutorial, so I can customise to fit in my client's flash website.
i am trying to add extra images to the photo gallery attached. I would have thought it is easy and it seems so. I add an extra image to the gallery. I publish it. The html file shows the extra image in the gallery but the swf doesnt. driving me crazy, cant work it out?
I need to make a series of 35 buttons that display an image when clicked. However, I need the previous displayed image to disappear when any other button is clicked.I have this to toggle the images on/off:[code]Any idea what I can add to the function to turn all the other buttons visibility to false when any other button is clicked?
How can i fix the ImageHolder (Movie Clip size) that holds the images loaded into it. At the moment I have sized the photos to the size I want, but if a photo is not that "Specific" size it will overlap my text next to it... How can I fix the size of this movie clip to show the images without it blowing out my design? I have sized all the images to: 230px x145px If they are not this size the design will not work, I need to fix the window to 230px x145px
I have done a photo gallery using the following code. However, I need the first picture to appear as the movieclip is loaded. What shall I introduce to this script? Or what would I have to change?
I used the Photo Gallery using xml and Flash tutorial and created a nice gallery with thumbnails I increased the size to accommodate a 800x533px size picture however when the images are imported they are distorted to a size that looks to be around 900x400px I am using flash 8.
I have a photo gallery on my site that is generated using AS3 and XML. Everything works great but I'd like to have the images that relate to the first thumbnail appear automatically when the movie loads.
Here's my code: Code: Select all//DEFINE ARRAYS var thumbnailsArray:Array = new Array(); var productDescriptionArray:Array = new Array(); var magazineArray:Array = new Array(); var mediumArray:Array = new Array(); var largeArray:Array = new Array(); [Code] .....
I learned from great kirupa tutorial and implemented the thumbnail gallery in my site.If I open the site in browser Opera or Firefox (FP 8.0.0.447) i see only 1 thumbnail image - is it bug in Player? In IE 6 I have FP 7.0.19.0 and I can see all thumbnails in the navigation bar - also correct.
I've been working with the xml photo gallery tutorial on this site, and pretty much have it the way I want, except I am having some serious issues with the image sizes and quality, and cannot figure this one out.. The problem is that when the jpg images are loaded in dynamically they look horrible in quality. I searched and searched for an answer to this and couldn't really find anything that I had already tried... The only thing I could really think of was to rebuild my site at a larger scale and publish with 'match movie' instead of 'percent'.
After all that work... I'm having something very crazy going on, but it should help diagnose the problem.. When I rebuilt the site and re-did the images to match the exact pixels, for some reason now they are super big. I've looked at my code and can't see any scaling going on.. I don't know what is happening, so I'm going to supply all available resources:
This script loads the images dynamically using xml so getting the size of the image to use as a start provides to be a problem, since there is no image to begin with.I found script to be able to scale an image with the stage here:But this only works on a image that is already in the flash file, not one that is loaded dynamically like I'm doing with xml.
I'm doing photo gallery and like to enlarge an image when I click on it with some animation like it's in flash (the picture slowly expands first by x-axis and after by y-axis and the space around the picture dims), that it scales to it's largest possible size to fit in screen, but it can be any other animation. I found some topics about this, but I don't want to use any 3rd-party plugin (including flash, drupal...) to do it. Maybe it can be somehow done by jQuery...
im making a web page that must containt photo gallery (noncomercial use). i downloadet allready comleted photo gallery and now i need to update it.evrything works fine, but i need to add rolower image so it will show me before and after images when i rollower on image.
I found this really neat photo gallery on flashkit but there is no support or readme included. Hoping one of you actionscript gurus can sort through the AS and how to size this thing.. the AS code does have comments but I am not a coder. I'd like to make the image window smaller and the overall movie smaller. 325x325 or so.
I modified a version of the xml photo gallery tutorial featured on this website, and am using that. But when my images pop up the quality is horrible. I've gone through and checked everything I know to look at. Then I decided to build my flash site twice as big, and use pictures that were twice as big to get some quality. This didn't work either..
I was trying to use the photo gallery tutorial from this site the code was done by sbeener I wanted to use the same concept for adding external text for each image. So far I have only been able to figure out how to load the text but I have not figured out how to be able to change the text to correspond to the image.
I've used kirupa's 'Photo Gallery Using XML and Flash' tutorial & modified to make my gallery, you can view it here: ZedMedia.org by clicking on the photos section in the main page. what i want to do is, instead of reaching the end of all my photos and it stopping, i want it to go back to the beginning image & start all over again. i want the opposite to appen at the start. when the previous_btn is pressed i want it to go to the end of the gallery.
I'm working with XML and setting up a portfolio gallery. I basically want a thumbnail to be clicked and have an image opening, but i want the instance name of a button that is clicked to be stored in a variable that can be used when calling the images from the XML. I'm just trying to get the number that is in the instance name of btn2, and use that number 2 to reference the ID # in the xml file. I know there are easier ways to do this, but I didn't want to write new functions for all the numerous thumbnails on the site.
PHP Code: btn1. addEventListener(MouseEvent.Click, _onBtnClick); function _onBtnClick( e:MouseEvent ):void { var clickedBtn = event.target.name; }
Also the thumbnails are not being loaded through the XML, would it be easier to load the larger images without functions for each thumb, if I had the thumbs being referenced through the XML?
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).
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 built a flash photo gallery that pulls image urls from an external XML file. The gallery has different image catagories that load their own set of images.The user decided which catatgory they'd like to view by clicking an HTML button in the flash movies parent page...using javascript, this button click sends a variable to the root level of the flash movies with the new XML location...
Trouble is, onces the initial XML file is loaded, the movie has no need to refresh (and read the newly sent variable) ...*Unfortunately the catagory buttons MUST be outside the movie on the page...
I am creating an image gallery where the user can select from several thumbnail images. Once selected, the thumbnails will enlarge and load the full sized image. My problem is that while the user is waiting for the full sized image to load, he may decide to close that image and view another image. I am trying to find a way to stop a loader from loading.ere is the code I have used. My problem is that even though the user has clicked on the unloadBtn, the loader continues to load the file. Is there a way to disable that?
its for a photo gallery that I downlowded,the images fades in and out, but only start that when you click a button(timer).I'm trying to founf out where in the script I can change this, so that the photo's start automatically,rather than, on a button click.I have pasted the script below, is that ok, or would people rather a zip file of the files?
// (c) Copyright by Andrew DiFiore. All rights reserved. DO NOT REMOVE. fscommand("allowscale", "false"); Stage.scaleMode = "noScale";[code]......
I've got about 6 buttons laid out, one on top of the other in a list format. In their normal state the buttons are grey in colour, when I rollover them, the buttons flash and turn to orange. Now, what I need to happen is this: I want the buttons to stay orange once clicked and only roll out back to grey when the user has clicked on another button in the list. I've been told that the best way to do this is via adding a listener, however I am a little unsure as to how to go about this. I've checked the flash help file and have a basic understanding of how listeners work...but can't really wrap my head around applying it to this situation. Perhaps I will need to have all the buttons as separate broadcasters?
i need to develop an image gallery that displays images based on certain values chosen by the user. Imagine two sliders such as "gadgets" and "cars". The sliders provide values from 1 to 10. The flash movie then generates a gallery based on those provided weights. The user may want more gadgets than cars or all cars or more cars than gadgets etc. Im a tad lost as to where i should start here...XML? MYSQL? should i start swatting up on AS3?
