# Updating Image Gallery -- Need Slide Transition, Not Fade AS2

**URL:** <https://forum.kirupa.com/t/updating-image-gallery-need-slide-transition-not-fade-as2/284231>\
**Category:** Uncategorized\
**Created:** [March 16, 2009, 11:06pm UTC](https://forum.kirupa.com/t/updating-image-gallery-need-slide-transition-not-fade-as2/284231 "2009-03-16T23:06:27Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![anchorball](https://avatars.discourse-cdn.com/v4/letter/a/85f322/32.png) [@anchorball](https://forum.kirupa.com/u/anchorball)\
**Post date:** [March 16, 2009, 11:06pm UTC](https://forum.kirupa.com/t/updating-image-gallery-need-slide-transition-not-fade-as2/284231/1 "2009-03-16T23:06:27Z")

</div>

I have a scaling image gallery I am trying to update…currently the gallery pulls in the images via xml and fade tweens them. Trying to make them ‘slide’ from the right and or left, depending where you are in the order. (like this site except only side to side [http://www.norimichi.com/](http://www.norimichi.com/))

Here’s the code:

import flash.display._;  
stop();  
function doRelease(mc) {  
var i = Number(\_root.gallery[“currentItem”]);  
if (mc == “previous”) {  
i -= 2;  
if (i\<0) {  
i = \_root.gallery.length+i;  
}  
}  
\_root.gallery[“currentItem”] = i;  
loadImage();  
}  
//Timer  
function setIntervals() {  
var currentItem = Number(\_root.gallery[“currentItem”]);  
var durationTime = 1000_Number(\_root.timer);  
var item = currentItem+1;  
if (item == \_root.gallery.length) {  
item = 0;  
}  
\_root.gallery[“currentItem”] = item;  
\_root.gallery[“interval”] = setInterval(loadImage, durationTime);  
}  
function loadImage() {  
clearInterval(\_root.gallery[“interval”]);  
gotoAndStop(“loadImage”);  
//Image Loader  
var i = Number(\_root.gallery[“currentItem”]);  
var image = \_root.gallery\*.image;  
var lineColor = \_root.menuItems[\_root.currentMenuItem].lineColor;  
var loadFirstImage = \_root.gallery[“loadFirstImage”];  
var depth = parseInt(\_root.gallery[“depth”])+1;   
//Buttons  
var lengths = \_root.gallery.length;  
if (lengths\>1) {  
//Change preloader color  
var color:Color = new Color(buttons\_mc.prev\_mc.blue\_mc.blue2\_mc);  
color.setRGB(lineColor);  
color = new Color(buttons\_mc.next\_mc.blue\_mc.blue2\_mc);  
color.setRGB(lineColor);  
}   
//Load image  
image\_mc.createEmptyMovieClip(“image\_mc”+depth,depth);  
var img:MovieClip = eval(“image\_mc.image\_mc”+depth);  
img.\_alpha = 0;  
//BitmapData smoothing  
var bmc:MovieClip = img.createEmptyMovieClip(“bmc”, img.getNextHighestDepth());   
var listener:Object = new Object();  
listener.tmc = img;  
//Initialize loader  
listener.onLoadInit = function(mc:MovieClip) {  
mc.\_visible = false;  
var bitmap:BitmapData = new BitmapData(mc.\_width, mc.\_height, true);  
this.tmc.attachBitmap(bitmap,this.tmc.getNextHighestDepth(),“auto”,true);  
bitmap.draw(mc);  
\_root.gallery[“depth”] = depth;  
play();  
loader.removeListener(this);  
};   
//MovieClipLoader  
var loader:MovieClipLoader = new MovieClipLoader();  
loader.addListener(listener);  
loader.loadClip(image,bmc);  
//Change preloader color  
var color:Color = new Color(preloader\_mc);  
color.setRGB(lineColor);  
//Set preloader to 0  
preloader\_mc.\_width = 0;  
preloader\_mc.\_alpha = 100;  
//Change preloader size  
preloader\_mc.onEnterFrame = function() {  
percent = Math.round(bmc.getBytesLoaded()/bmc.getBytesTotal()_100);  
if (!isNaN(percent)) {  
if (percent\>=100) {  
name\_mc.i = i;  
name\_mc.gotoAndPlay(“out”);   
} else {  
var sw = Number(Stage.width);  
this.\_width = Math.floor(sw_(percent/100));  
buttons\_mc.enabled = false;  
}  
}  
};  
}  
if (\_root.gallery[“loadFirstImage”]) {  
\_root.gallery[“loadFirstImage”] = false;  
loadImage();  
}