ActionScript 2.0 :: Scrolling Gallery - Tweening / Resizing And Alpha
Jul 8, 2009
I'm making a dynamic gallery to show some products from a catalog. This has to be scrollable only by pressing the left and right navigation buttons (see attached file galleryexplaination_01.png). The number of images varies by case as all the data are read from an XML (already done): all the infos are stored inside every product container (see movieclips structure in attached file galleryexplaination_03.png)
What I can't figure out to do is: how make the object tween (see attached file galleryexplaination_02.png )from a position to the next or previous one? As shown on attached file galleryexplaination_01.png the position are always the same. Also, as the images get distant from the center, they shrink and become more transparent.
I'm thinking to use an onEnterFrame which listens when the central product is changed (by pressing the left and right buttons), understands in which direction scroll the gallery and then, using a for cycle, it takes every product in that direction. But that's all that I've came up. I need some hints because I don't know how to control the image scaling and alpha as the x choord changes.
View 0 Replies
Similar Posts:
Aug 5, 2010
I am tweening the alpha of some MCs to make them vis/invisible on MOUSE_OVER and MOUSE_OUT.Its easy for me to do this as a static event but the effect is a little too abrubt. I've accomplished this with
function NEOVER(e:MouseEvent):void{
NEZOOM.alpha=.5;
NETXT.alpha=1;
[code].....
View 4 Replies
Jun 14, 2009
I have a dynamic text field which loads data from an xml file, I've embedded the font so that I can tween the motions etc of the text, and so far i've been able to apply a motion tween on the alpha channel and get my text to fade in.The problem is that the UIScrollBar component which is attached to the text field gets stuck at the starting alpha amount and wont tween to the full amount (like the text will) at the moment I'm motion tweening from 33% alpha to 100% alpha and while the text reaches the full 100%, the scrollbar gets stuck at 33%.
is there anyway to get this working?I also have another smaller problem with my UIScrollbar, when it first loads it flickers as a white square in the corner of the text field for a moment before properly rendering. this happens with and without tweening. I've made my own skin for the component, could this be causing the problem somehow?I can work around the alpha issue if it renders properly instantly, and vice versa.
View 2 Replies
Sep 12, 2010
I use this smooth, nice (and simple) image gallery, and I am very happy with it. However sometimes some of the images stops when rolling in, and I have to press Fw again to jump to the next one. I can't figure out where the bug lies, as I mentioned it appears rarely but it blows up the whole thing.
[Code].....
View 2 Replies
Jun 2, 2011
I am building a custom preloader which is different than the "traditional" sliding bar that is common in RIAs. The preloader uses 100 white laser lights which are in a straight line, and collectively they indicate the progress bar. Let me describe how this works before I ask my question:
........................,,,,,,,,,:::::::::::::::::::::::::BBBBBBBB and so on...
The above string captures the spirit of the preloader indicator. In this illustration, the bigger and fatter the character, the brighter the laser light in my actual preloader: The farthest laser to the right indicates the currently loaded percentage. This is also the brightest laser light.All other trailing lasers get increasingly dimmer until they become completely black, as if they had burned a whole in the back of the screen.
Step "2" is where things get tricky. For some reason, the trialing lasers do not get darker, except for a few random lasers. Here is a snippet of the code controlling the brightness (or, as I used it, the alpha property) of the dot:
... more code ...
//Build the dots according the configuration and load status parameters
private function buildDots(x:int, y:int):void {
//Draw the dot, details not shown[code].......
This entire preloader is inside of a custom class.The laser lights are created completely by code, without access to the library.
View 2 Replies
Jan 26, 2009
I have been racking my brains trying to figure out how to do this but I can't! The two pictures I have given are different sizes to represent different browser sizes. The 'menu' stays the same size in the same position and the image/ greyblock scales proportionally to the browser keeping the same border sizes around the image.
View 2 Replies
Mar 16, 2004
I'm almost certain this was down with dynmaiclally with AS I've searching the forum and several other sites to figure out ho that was done, without success.
View 8 Replies
Feb 1, 2007
I have built a photo gallery connecting to a data base through php. Each photo loads in on a targeted movie clip. Is there any way to resize the image using flash before its displayed?
View 2 Replies
May 29, 2007
I have a gallery that I built from a tutorial I found online--it has an empty mc with a border around it, and when you click on a thumbnail an image is loaded into the mc and it fades in when it loads in and out.Ofcourse it works fine offline, but when I test it online the image will load in off-center, if you click the thumbnail again (after it has loaded the first time) it loads in the position it should be in. Here is the code I have on the first frame:
spacing = 1;
containerMC._alpha = 0;
MovieClip.prototype.loadPic = function(pic){
[code]....
View 3 Replies
Feb 3, 2009
I'm have set up a photo gallery using the 'Kirupa Xml and flash gallery tutorial' and I wanted to use this but implement the border resizing function featured in the galleries on in the 'Howd he do this? Resizing slideshow' thread.
Here is the code for my gallery:
Code:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
[Code].....
View 4 Replies
Dec 12, 2010
When I open up the html in a browser, the image spills off the screen. But if I adjust the broswer by dragging a corner of the window, the scaling starts working and everything fits great. Everytime I load the page or reload it though, it goes back to the default of spilling off the screen. So, it mostly works... unless you don't adjust the broswer manually.Here's the html code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Title</title>
[code]....
View 4 Replies
Mar 4, 2010
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).
Here's a stripped-down example (which doesn't work):
<mx:Application xmlns:mx="[URL]" layout="absolute" width="600" height="600">
<mx:Resize id="fxResize" target="{imgPhotoA}" widthTo="350" duration="500" />
<mx:Button x="10" y="10" label="Resize" click="fxResize.play()" />
<mx:VBox id="boxPhotoA" x="100" y="20" height="500" width="350" verticalAlign="middle" borderStyle="solid" verticalScrollPolicy="off" horizontalScrollPolicy="off">
<mx:Image id="imgPhotoA" width="60" maintainAspectRatio="true" source="[URL]"/>
</mx:VBox></mx:Application>
View 2 Replies
Jan 12, 2011
i have a problem with my as3 working on normal movieclips, but not on the gallery, the site works by loading an external swf file with the UILoader, the swf that is loaded is a ScrollPane that loads a Movieclip.The script i use:
import fl.transitions.Tween;import fl.transitions.easing.*;
var myTweenAlphaRoskilde:Tween = new Tween(roskildemc, "alpha", None.easeNone, 0, 1, 40, false);
1. frame is the preloader
2. frame is the Scrollpane and Movieclip that loads, the action is added here.
The file if it makes it easier:
[Link removed by moderator at OP's request]
View 11 Replies
Jul 15, 2005
In the Tut: Photo Gallery using XML and Flash, the image is faded to 0 BEFORE the next image is faded to 100. Is it possible to get the imcoming image to fade in WHILE the outgoing image is be faded out?
function nextImage() {
if (p<(total-1)) {
p++;
[Code]....
View 3 Replies
Nov 4, 2006
Below is the code for dynamic image gallery from XML.
We have an alpha effect to the image animation when the image is loading. The affect is working fine (fade in).
But, when the next image is loading, we want fade out alpha affect to the current image before the next image loads.
delay = 6000;
//-----------------------
function loadXML(loaded) {
if (loaded) {
[Code].....
View 1 Replies
Oct 23, 2009
So I've found many people trying to do this[URL].. but with actionscript 3.0 and not 2.0.
I'm not a coder by any means, but I've kinda translated most of it except for the scrolling part.
This is what I have so far:
[Code]...
as you can see, some of it is hidden as I was afraid to delete things I might end up needing later. The position of the gallery is at an exact place, and the xml file is perfect. The only problem I'm having is with the scrolling part. I keep getting an error in the function scrolling code that says that a property of mask_mc is being called wrong. I also have learned that the createEmptyMovieClip is not as3 but as2, and that that is also wrong. I'm just trying to get the scroller to work.
View 2 Replies
Nov 6, 2009
I want to incorporate a Horizontal thumbnail Scrolling Gallery to showcase the Special Menus of the concerned hotel. and on click of each image there should be a small popup to display other information of the menu. All this should be XML driven.
View 1 Replies
Dec 3, 2010
I have created an image thumbnails MovieClip, that has bunch of thumbnails in it.Problem is that there is no scrolling in it. I cant specify any width or height of the movie clip to limit it.I think I have to use Mask, but not sure how or even if it is the right approach.All I need to do is for the thumbnail_container to scroll if the number of images are more then stage can show.
View 0 Replies
Feb 18, 2009
I'm developing my portfolio and want to add a horizontal scrolling dynamic gallery (see files). In order to achieve this I combined Lee Brimelow's tutorial on a horizontal scrolling gallery with a tutorial onhow to load images dynamically into a gallery. So far so good... It all seems to work except for the fact that the gallery has to detect the number of images in the scroller and adjust it's width accordingly (which it doesn't do yet). Also it has to make sure it doesn't scroll out of the containing MC (you'll see what I mean when you open the files; it also doesn't do that just yet).
View 1 Replies
Feb 2, 2009
i have a gallery wich is load dinamically by xml with a php backend.
The problem is that i need to make this gallery with a continuous scroll.
here is the code of the AS
some of the vars are in spanish (because im from argentina )
Code:
import mx.transitions.Tween;
import mx.transitions.easing.*;
var GaleriaXML = new XML();
[Code].....
View 1 Replies
Feb 4, 2009
What I'm trying to do is build a Dynamic XML scrolling gallery, but it's not going to be a gallery, more like scrolling images with links, that when you click on an image, it will take you to the url designated for each image in the XML.I have no experience working with AS3, so far what I've got are things I'm learning trying to build this.The issue:The issue is that when I run the script, the url designated to all the created movie clips have the same url. For example it will use first "link" on the XML on all 4 movie clips (so all the movie clips would be linked to , or it will use the last "link" in the XML for all movie clips (so all the movie clips would be linked to . How may I fix the issue above?
PHP Code:
<?xml version='1.0' encoding='ISO-8859-1'?>
<chapter_list>
[code].....
View 12 Replies
Mar 11, 2009
The end product should look like: Scrolling thumbnails along the bottom (or side) of the page, scrolls controlled by users mouse.If the user clicks on a thumbnail a larger version of the image loads above or to the side.So far:I have the scrolling images doing as I want! The thumbnails are all buttons.
The problem:I can't get the larger image to load. I have tried creating a movie clip with the larger image in and attaching an Attach Movie script to the button - but it doesn't work.Using Flash MX 2004 and I am not fluent in Action Script - so far I use tutorials and try to alter script to fit what I am after.
View 3 Replies
Nov 25, 2009
I am trying to make a photo gallery with a scrolling menu at the bottom. I have made both a photo gallery and a scrolling menu with tutorials but I can't figure out how to combine them so that they work. I've tried for quite a while now and I think that the problem comes from the scrolling menu which requires that I put all of the symbols I'm using into one symbol called panel. Is there any way to combine the code without completely rewriting it?
Here is the code for the photo gallery:
PHP Code:
this.onLoad=function(){
loadMovie("image1.jpg", images_mc);
[code]....
View 2 Replies
Feb 19, 2010
[URl].. but I want the mouse move up and down as well instead of being just right to left.
I believe it has something to do with "Z" as well az "X" and "Y"
To be more specific I want to be able to build something like this[URL]..when it comes to navigation,simply to be able to move the screen according to viewer's mouse, up, down, right and left
[Code]...
View 5 Replies
Oct 15, 2010
i'm currently re-using a code snippet of xml gallery with scrolling thumbs, but i got a problem : my mask is stagewidth and my pictures holder depend of thumbs numbers, sometimes after resizing windows browser, while scrolling to the browser sides limit i cannot see the end of the last pic or the start of the first pic
[Code].....
View 7 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
Nov 18, 2009
I've worked with the following code to produce a vertical scrolling gallery and it works fine. But I've tried adapting it to scroll horizontally and it just wont do it - I'm obviously missing something but I've tried every permutation I can think of.
[Code]....
View 2 Replies
Jan 18, 2010
I am making an xml driven gallery, with scrolling thumbnails that sit along side of the main image, in a column. These thumbnails scroll depending on the mouses Y position over the column that they sit in. If the mouses position is below the halfway point of the column, the thumbs scroll down, and then if you go above the halfway point the begin to scroll upwards they scroll up until you reach the top image, and it stops...
However, my problem is that when the thumbs have scrolled to the bottom image in the column, unlike when it reaches the top, the scrolling function doesnt stop, it just keeps going until the thumbs have completely scrolled out of shot. What I would like to do is make sure that, the scrolling function stops when it reaches the bottom image; the same as how it stops when it reaches the top...
So if the bottom image rises above the bottom of the column that holds the thumbnails, the thumbs stop scrolling, and will only be able to scroll upwards. Here is the code for the scrolling function that I have:
ActionScript Code:
thumbContainer.addEventListener(Event.ENTER_FRAME, scrollThumbs);
private function scrollThumbs(e:Event):void {
if (thumbContainerMask.hitTestPoint(stage.mouseX, stage.mouseY, false)) {
[Code] .....
View 0 Replies
May 2, 2010
url...Once it's loaded click the screen and at the bottom left go to portfolios. Click on one of them and you'll see a slow continuous side scrolling gallery. I've got everything working apart from when I mouse off it continues at the speed at which I left it. I would like it to slow to a default speed and continue scrolling as in the example I've given.It's been a while since I dabbled with Flash and especially action script! url...
View 6 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
