ActionScript 3.0 :: Sliding Gallery - How To "loop Around"
Apr 29, 2009
I'm working on a sliding featured gallery like [URL] or [URL] 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 exactly)
[Code]...
View 5 Replies
Similar Posts:
Apr 29, 2009
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?
View 6 Replies
Apr 13, 2009
I'd like to use a gallery similar to the one atfor a gallery I am creating. I have an idea of how the horizontal motion would work using a timeline but does anyone have an idea of how I could use actionscript to move the movieclip horizontally so that each image is centered or using a tween class?
View 40 Replies
Dec 5, 2006
Originally Posted by stringy ee if this something like you want
Code:
var buttonNames_array=[]
for(var j=1;j<4;j++){
buttonNames_array.push(this["but"+j])
}
[Code]...
I have even tried duplicating all the relevant MC's and updating the code to read lets say:
scroller and scroller2 etc
Does it require some kind of resetting of information to accept new referencing to images? I cant see why it should'nt work
View 14 Replies
Nov 18, 2008
Alright, I know how to make a scrollbar but how do I tell "him" to scroll on his own?m using this code:
scrolling = function () {
var scrollHeight:Number = scrollTrack._height;
var contentHeight:Number = contentMain._height;
[code].....
View 1 Replies
Mar 29, 2006
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.
View 1 Replies
Mar 16, 2008
Does anyone out there have code for an XML gallery that arranges the sliding thumbs in a grid of many rows and columns instead of a single row?
View 6 Replies
Oct 25, 2011
I've got a problem. I have to make gallery like [URL]
View 1 Replies
Oct 26, 2009
I have build a gallery but its very simple. It takes images from xml file. I have attached all files in zip. First when I press next button it goes to next image but with no effect. It just displays next image. I want to incorporate a sliding effect when the image is changed to another. And second I want to use autoplay feature. As soon as swf starts the images came one by one with difference of few seconds.
Attachments: slideshow.zip (752.0 K)
View 3 Replies
Jan 22, 2010
I am looking for the Action Script that will allow me to set up a horiz. set of images and use the mouse movement to move the band of images left or right. Upon clickin on the image I will have a link to other views.
View 3 Replies
Feb 7, 2010
I'm looking to produce an image gallery exactly like the sliding panels here [URL]
The total length of the images are greater than 2880px (Flash's max stage width).
View 3 Replies
Aug 20, 2009
I have a sliding photo galley with a previous and next button. I have added action script to tell the linked pictures to slide along and for the next button its fine (I took the script from a forum...as you do). I put stop commands on the key frames over the next picture, Now if I am on the 4th image and click previous, its goes all the way back to the start!
stop()
this.onEnterFrame = function(){
if(rewind == true){
prevFrame();
}} next_btn.onPress = function(){
rewind = false;
play();
} prev_btn.onPress = function(){
rewind = true;
}
View 5 Replies
Aug 13, 2009
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?
View 3 Replies
Jul 28, 2010
I have a sliding thumbnail gallery which when a thumbnail is clicked loads an external .png into a container with an instance name of mycontainer which I have on the stage in the .fla. Its added like such:
When the Loader's (which I gave an instance name of imgLoader) complete event is called the function onLoaded loads it -like this: mycontainer.addChild(imgLoader);
I also added a mask(stageMask2) to mycontainer which is the same size as the external .png--I then used this code imgLoader.mask=stageMask2; to mask the .png. I did this because I added a zoommc function which enlarges the imgLoader and wanted to keep the visible size of the container the same. I would also like to be able to drag the zoomed image. I don't want to drag mycontainer as it contains the mask and I cant drag the imgLoader as it doesn't have that property--Do I need to put the imgLoader in another container?
Here's the problematic code:
var stageMask2:Sprite = new Sprite();
stageMask2.graphics.beginFill(0x183045,0);
stageMask2.graphics.drawRect(swfX,swfY,604,403);
stageMask2.graphics.endFill();
var closeWin:TextField=new TextField();
[Code] .....
View 9 Replies
Sep 9, 2009
I want to make a sliding gallery that plays a certain amount of frames and stops. I have this script
[Code]....
Instead of play() i have tried putting a counter in like counter 8 but it does not work.
The idea is that if i click the contact button but im on the home page its scrolls over all
other pages and stops on the home page.
View 1 Replies
Mar 16, 2009
I just pulled together a picture gallery, where the pictures simply scroll across the screen using arrows. I used the template from [URL] The problem is that when I added my own pictures, the graphic symbol was obviously a different size from the original template. So when the images scroll they should stop at a certain point as to not show any empty space. I changed the values that i guessed were the ones setting up where the graphic has to stop at, but it doesnt seem to be doing anything. The code below is the only script of any importance, at least that I know of. The other stuff just points to targets and gotoandplay stuff.
View 3 Replies
Mar 7, 2010
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".
View 6 Replies
Oct 6, 2010
I want my XML driven pic gallery to showup each of my 15 images one after the other. I'm getting 'undefined' at the start.
_root.myImages = myGalleryXML.firstChild.childNodes;
_root.myImagesTotal = myImages.length;
function myShow() {
myURLA = myImages[myNumber].attributes.full_url;
myTitleA = myImages[myNumber].attributes.heading;
myCaptionA = myImages[myNumber].attributes.title;
[Code] .....
View 17 Replies
Aug 14, 2009
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.
View 6 Replies
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;
[Code].....
View 3 Replies
Aug 2, 2006
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)
View 3 Replies
Aug 9, 2006
I found this photo gallery on kirupa but i need it to loop and i can't figure it out. It stops on the 7th image and doesn't go back to the first.
View 4 Replies
Aug 14, 2009
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.
View 9 Replies
Jul 16, 2004
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;
}
View 5 Replies
May 8, 2006
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] .....
View 1 Replies
Aug 5, 2008
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
ActionScript Code:
import mx.transitions.Tween;
import mx.transitions.easing.*;
[code].....
View 9 Replies
Dec 16, 2010
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.
[Code]....
View 0 Replies
Oct 30, 2011
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.
View 1 Replies
Dec 22, 2005
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.
View 3 Replies
Jul 19, 2005
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]...
View 2 Replies
