ActionScript 2.0 :: [FMX04] MODS To The XML Photo Gallery Tutorial (thumbs)
Jul 27, 2006
I was working with the XML Photo Gallery Thumbnail Tutorial on this site: [URL] And I modified it for my own usage, making it a vertical gallery instead, and had no problems until I came upon the thumbnail images. When I replaced the original thumbs with my new thumbs (that I sized based on width, as it is a vertical gallery) it got all screwed up. The images are of all different shapes. So when it loads up, some of them had huge gaps in between them, and others were even overlapping. So I fixed it by making the heights of all the images the same, resulting in a working thumb gallery, but now half my thumbs are cropped off by the mask. I'm looking for a way to fix it where I still have the same spacing between the images, and that they are all the same width, but can vary in their height. Here's the section of the code I am using:
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:
I was working with the XML Photo Gallery Thumbnail Tutorial on this site: http:[url]....
And I modified it for my own usage, making it a vertical gallery instead, and had no problems until I came upon the thumbnail images. When I replaced the original thumbs with my new thumbs (that I sized based on width, as it is a vertical gallery) it got all screwed up. The images are of all different shapes. So when it loads up, some of them had huge gaps in between them, and others were even overlapping. So I fixed it by making the heights of all the images the same, resulting in a working thumb gallery, but now half my thumbs are cropped off by the mask. I'm looking for a way to fix it where I still have the same spacing between the images, and that they are all the same width, but can vary in their height. Here's the section of the code I am using:
function thumbNailScroller() { // thumbnail code! this.createEmptyMovieClip("tscroller", 1000);[code]....
I'm also trouble figuring something out from the same tutorial, that I want to change. The tutorial uses these "Next" and "Previous" buttons. On the far right hand side, the half-circle buttons are what I assigned this to, but I don't really want them to have that function. I would rather have them function just like how the mouse functions when it rolls over the thumb gallery, except they scroll the thumbs up and down when clicked.
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:
I took the basic image gallery tutorial on this site and messed about with the code a bit so that the images move back and fourth rather than fading in and out. I'm sure there are better ways to do that than how I did, but it mostly works so I'm happy. My problem now is that I don't know how to make the center of the photos align to the center of the stage. I can of course allign the first one, so it starts aligned, but as soon as I start scrolling through images it aligns the left side of the image to the center of the stage,
I've downloaded and slightly modified the Photo Gallery with Thumbnails .fla file. It works fine, except when you mouse over the right side, it keeps scrolling until all of the thumbnails are off the screen. Going to the left, it works fine, stopping when you reach the first thumbnail. On the original, it works as it should.
I am having an issue with my photo gallery thumbs not showing up.When you first land on the page the thumnails do not appear with the flash photo gallery. However, if you refresh the page, they show up.
XML loading code frame 1
Code: photo_filename = new Array(); photo_thumbnail = new Array(); photo_description = new Array();
i 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,
I'm trying to make a site with a photogallery that has sliding thumbs in the bottom corner ("slidingOut_mc"). I've got them sliding from right to left with a simple tween that is infinite. The problem is that I have a left arrow and right arrow that I want to slide the thumbs in reverse (left arrow i.e. "back_btn") or at double speed (right arrow i.e. "forward_btn") on a roll over of the button. I used the ENTER_FRAME thing to get the mc to reverse with prevFrame when rolling over the "back_btn" but I can't get it to stop when I roll out.
This is what I have so far... back_btn.addEventListener(MouseEvent.ROLL_OVER, backF); function backF(event:MouseEvent):void{ slidingOut_mc.addEventListener(Event.ENTER_FRAME, everyFrame); function everyFrame(event:Event):void{ slidingOut_mc.prevFrame(); [Code] .....
It tells me the "everyFrame" is an undefined property. I think and hope the problem should be obvious to those who know more than me. Do I need some sort of import at the very start of it all?
I've built an xml gallery with thumbnails only, layed out in a grid, and am trying to link each thumb to a centered popup. I'm getting a centered popup when clicking the image, but instead of the page loading inside, I'm getting an error message: Not Found. The requested URL /tas-dp_new/undefined was not found on this server.Here is my actionscript:
I remember seeing a few tutorials here and there for using php to generate an XML file of all the pics in a directory. I tried looking for one but can't seem to find any. Does anyone have any links to one?
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 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 working with the XML Photo Gallery Thumbnail Tutorial my code i a little bit different, modified for easing thumbnails.How do I make this work for thumbs with different width??[code]
Based on the Photo Gallery using XML and Flash tutorial found here:I�m having trouble with loading thumbnail images of various sizes which overlap if they are smaller than the previous image.The specific line that causes this is target_mc._x = hit_left._x+(target_mc._width+5)*k;I�ve tried all sorts of things with the closest being the following which put the images in the right size, but with the omission of �k� their order is backwardstarget_mc._x = (thumbnail_mc._width+5);Here is the full function block as per the tutorial
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'm having some problems with the XML/FLASH Photo Gallery Tutorial ([URL]). When I load the swf file into another movie the dynamic text will not display. Any thoughts to why this is happening.
I've been using the "Reusable Preloader Using MovieClipLoader" from the tutorial section of this site.The only difference is that i don't use 'm for preloading jpg. I load external swf files containing video. Everything works fine so far. The only problem is that the preloaded video already starts playing while preloading (at about 30%), but without showing the video.This is the code i have so far:
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.
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 am adding flash galleries toon the Facilities and Gallery pages. On my mac I've tested the galleries using Firefox, Safari, and Opera and they are working perfectly as expected.However, there is no gallery, or error message on PC machines. I do not have a PC so I can't test it, but I've had a Vista and XP user both test the site and the galleries do not display at all.
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 am using the fla's that were posted on [URL] regarding the image gallery where the box scales and resizes depending on what it loads(using XML) within it. The boxe's top left stays static which is the goal and the rest resizes according to what loads. Now inside the actionscript it has spacing of 10 which puts space around the bottom and right sides of the image that is loaded but does not put spacing on the left and top. I m trying to get the space so it is on the top and left also, basically so the image loaded is centered within the border. To clarify more simply I just want a even border around the images that it loads. Here is a link to the files being used: [URL] Also for some reason when I tried testing to download the .fla myself from the above link it loaded a page with a whole lot of characters.
I'm using the code below to create a simple gallery of thumbs in a line with space between each thumbnail.[code]I have a rollover/out function that scales up/down the thumb outwards from the centre of the thumb.I was expecting the scaling thumbnail to "push" the other thumbnails left and right as it scaled...but it only shifts the thumbs to the right of it and the thumbs to the left do not move.I need code to allow a scaling thumbnail to push aside the other thumbs in every direction.
I'm using the code below to create a simple gallery of thumbs in a line with space between each thumbnail.
ActionScript Code: onEnterFrame = function () { for (projIdx = 0; projIdx < projectsArray.length; projIdx++) { //space between photoThumbs
[Code].....
I have a rollover/out function that scales up/down the thumb outwards from the centre of the thumb.
I was expecting the scaling thumbnail to "push" the other thumbnails left and right as it scaled...but it only shifts the thumbs to the right of it and the thumbs to the left do not move.
Imagine a 3 thumbnails in a horizontal line, I want the middle thumbnail (thumbnail 2) to scale from the centre and push thumbnail 1 to the left and thumbnail 3 to the right. But obviously I want this to work for x amount of thumbs.
this has to be an array, so that I can give all thumbnails together an order. I thought this was an array, but I can't get control over this. When I trace 'thumbHolder', I get back only the last thumb. If I trace 'this', than I get the right one. i.e:
_level0.thumbnails.thumbnail4) */ thumbHolder._y = i * spacing; thumbHolder.title = picHolder.attributes.title;[code].....
