ActionScript 2.0 :: Spacing Images In A Gallery In A Loop
Apr 15, 2010
I am modifying the Flashr wrapper for the Flickr API by [URL]
the code below uses a loop to arrange thumbnails gallery along x. I have changed the wrapper so it is now loading medium sized images rather than the thumbnails.
The flickr thumbnails are the same size so "360" is used in the code below to space them along x. Now im using images that are different widths i need to set this value dynamically so the next image is placed along side the previous one with space in between no matter the width, but i dont know how.
ActionScript Code:
function onPhotosSearch(resultsSet:ResultsSet)
{
var currentPhotoIndex:Number = 0;
I'm loading in a bunch of images with a for loop. The images do appear on stage so that part works, however, spacing them is the problem. this is what the following code traces out:
i couldn't find a tutorial on this matter so i sorta started making my own hypothesis... what i'm trying to do is: have a gallery of images automatically scrolling horizontally while having the set of images loop. like at[URL]..
here are a couple of my theories and questions for AS commands to have this work:
1) display a range of pixels of an image at certain positions, i.e. if gallery is scrolling to the left, leftmost image when its parts are disappearing out of the viewing area, they become visible at the right.
2) have two instances of each image and when an image is disappearing on left, the second instance of that image comes visible on the right. this I imagine would take up more HD space.
i guess what i was wondering more about is how jager did their gallery where there's only enough images are in a set to be viewed in the viewing area.
Looking through all the xml gallery examples and tutorials i havent found the simple thing im thinking of, which is to just have the imgs loaded through an xml into a plain old scrollpane so that the spacing between the thumbs is constant. Ive understand the code that spaces the loaded imgs based on a fixed variable, but that is when all the thumbnails are the same size and mine are all the same height, but the widths varies, so i feel i need the code that places the next img to be loaded based on the previous thumbs location._x and its ._width but i cant figure this line of code out which i bet is only a one-liner.
Ok so options is the array there can be many or one outside swf. we go through the array creating empty movieClip and populating each with an outside swf. Once loaded i want to use these newly created movieClips as buttons.
1. can i declare the onPress in a for loop?
2. how do i centre and space them no matter how many they are the will be linear.
Code: for (var i:Number = 1 ; i<options.length; i++){ //create a holder _root.createEmptyMovieClip("optionD"+i,4+i);
Is there a way to modify the code below to make the spacey = a variable + 15 so that the dynamically loaded images can vary in height and be spaced 15px apart?
I am using this flash/xml slideshow found on Kirupa: URL...And I just need to know how to make it loop continiously, for example you click, next, next, next, next and when it hits 7/7 I want the next button to go to 1/7.I will be adding more than 7 images, and will want to add more in the future. So I pretty much need a bit of code extended to it that says "if there's no next image in line, return to image 1".
I'm working on a sliding featured gallery like Kongregate.com or Hulu.com uses on their home pages. What I have so far is here:URL...Where I am running into trouble is in the loop around/wrap around areas. My next and previous buttons tween to the next/previous item just fine. However when I get to the last/first, it gets tricky.What I have done when you get to feature #5 is check for the x position, and if I am going beyond 5, I reset it so that we pull in #1 instead. The problem is that this scrolls in #1 from the wrong direction. (Take a look at the SWF above to see what I mean).If I shoot further back in negative X direction and scroll that way, I'll end up with blank space at the start of the move. I could dupe #5 and put it there, but then I have two versions of feature #5 (and #1 for the wrap the other way) that have to be maintained. (Note these will be more than just a blank square obviously, they will each be movie clips that do things).
Possibly that is the correct way? Or am I going about this the wrong way. Would it make more sense to dynamically create, scroll and remove the clips on each button click? (I'm not sure how I would do that exactlyI suppose I could also add the buttons via actionscript too, instead of placing them in a layer and them zipping them to the top, although I'm not sure it matters much.[code]Also one other thing, I note that if the user clicks one of the buttons before the tween completes, it throws the whole thing off (since it grabs the x value when clicked) - is there a way to disable the buttons until the tween is complete?
I've created a scrolling thumbnail gallery that draws images from a blog feed. I would like for it to loop itself after all the thumbs have gone through so the first image of the 2nd loop is immediately after the last image of the 1st loop.
How do we get the XML list looping so when we get to the end of the list the next_btn takes us back to the first photo in the list again? (And Visa Versa)
I've created a scrolling thumbnail gallery that draws images from a blog feed. I would like for it to loop itself after all the thumbs have gone through so the first image of the 2nd loop is immediately after the last image of the 1st loop.
I need to create a dynamic image gallery. The files are defined in an array like imgs = ['img1.jpg','img2.jpg']; then I loop through the array. The images should be arranged horizontally..
Code: this.imgs = ['test.jpg','bla.jpg']; var x = 0; var y = 0; var i; for (i in imgs) { var t = this.createEmptyMovieClip ("thumbnail" + i, i); var c = t.createEmptyMovieClip ("picHolder", 0); var thumb = imgs[i]; c.loadMovie (thumb); c._x = x + i * c._width; c._y = y; }
Here my attempt at creating the Kirupa's Spinning Images gallery. I'm so damn close it somewhat works, I'm still having trouble with the rotational calculations. Not sure, but I think I might be passing the wrong values from the onRelease to the enterFrame loop?
spin3a.fla var world:Array = []; var rotate = 0; var fl = 1000; var clip; function spin() { [Code] .....
Main requirements for that gallery are:- must be updated via xml file- must be auto resize- thumbnails must be floating like in example- also must have preloaderhat's allIt is my first serious project with flash and it will be good to get any tips how to start doing all of that.Especially I am interested how it is possible to make such floating thumbnails which are also preloading.
What i need is to be able to pull images from a folder, and just be able to dump images into a folder and not have to keep updating an xml or fla file.
i wanted to create scrolling gallery which loop continously without mouse movements i have used oman3d.com dynamic scrolling gallery codei only wanted to scroll the dynamic gallery continously
I just downloaded Blue Chi's advanced image gallery few days back and converted into grid gallery in AS2. However I am stuck with 2 things:
1) How to make the gallery endlessly scrollable in a efficient way. I used duplication method but the trick used is noticeable when it axis matches with stage mask
2) Also, I am not able to control mouseOver and mouseOut scrolling.
I am new to AS3, I am creating a gallery and stuck on a place. [URL]. Requirements: 1.) Need a nice loop for loading all thumbs, most important it should be physically separated, should not be looped via code. 2.) When I click on 1st button I must load first 4 thumbnails (which is already loaded), and with 2nd button it must load next 4 thumbnails from xml file, similarly with 3rd.
what i'm looking for is to create a gallery of images. there are 12 images in total with 3 showing. I want to add a forwards/next button that will cause the gallery of images to scroll across, with a smooth action, when the cursor hovers over the fowards button. I don't want the next images to show 1 by 1 but the gallery to gradually scroll arcoss(like all of the images are on one long reel being pulled from the left)
I created a flash image gallery for my site but the images look pixelated. I really don't like the way they look. Im fairly new to web design and very new to flash.
I am wondering if someone knows how to create a picture gallery where the images are online (web hosting folder). I need a tutorial to add the script to my existing swf.
I am putting together a gallery that will show about 60 images. basic fade-in transitions between the images. I need to animate the company logo (very basic) and show some text below each image), becasue of this I dont know if any off the shelf xml based gallery will work? As usually you just define the image name/path and run the swf. This is for a presentation and not web so maybe not possible to be Xml based. Is there anything that is out there that could work for this and if not i suppose I am doing everything in flash but fear this as thimeline will be so long and a bit of a nightmare to do, if I have to do this in flash, I would have each image occupy about 20 frames 1-9 it will fade in, frame 10- a 10 sec pause, and frame 11-20 a fade out, that will still give me a timeline of 1200 approx.
There is a site with an image gallery that uses Adobe Flash.Is there a way I could capture the images? ( Apart from print screen)Softwares like Orbit do well with .flv videos, but don't work with images.Is there something that will help me getting a direct path to the images?
Is there any ready built images gallery as shown in this link? [URL]. If I were to build it by retrieve from database contains links to images and display on each containers, would TileList be useful as I'm will be using it for displaying Classifieds images.
I modified some code for loading xml images into a gallery that I found somewhere, but I have no idea how to go about preloading the images. Everything works fine, I would just like to know the best way of going about doing this. Here's the code I got:
I'm worried about images stacking on top of each other. The thumbnails are loaded using a for loop through XML, (10 thumbnails). And by using event.target.name when you click on any thumbnail it calls a function (showPicture).
I have an image gallery into which I would like to load both image files and swf files. The content is loaded through an XML file. The images are loaded correctly, but the swf-file isn't. I get this error:
TypeError: Error #1034: Type Coercion failed: cannot convert flash.display::MovieClip@3ffc2e1 to flash.display.Bitmap. at player_sheit_fla::MainTimeline/addSlideContent() at player_sheit_fla::MainTimeline/fadeSlideIn()
since Flash can't load an swf as bitmap. It all boils down to this function:
ActionScript Code: function addSlideContent():void { // empty current slide and delete previous bitmap
[Code].....
How can I load both swf and image files into my gallery?
