Replacing dedicated gallery buttons for next/prev buttons

programming flash
1

Hey all, I could use some help with this. It’s probably something simple but it beyond my current abilities - any assistance would be aprreciated. :slight_smile:

Well I’m using the code from one of the XML gallery tutorials. Currently the code has dedicated buttons for each individual gallery, however I’d like to change it so it only uses next/prev buttons and perhaps use an XML file to establish how many galleries there are, that way it would be easier to add additional galleries later on without cluttering the screen with a whole bunch of buttons.

here’s the code…

 
function loadXML(loaded) {
 if (loaded) {
  xmlNode = this.firstChild;
  image = [];
  description = [];
  thumbnails = []; 
  total = xmlNode.childNodes.length;
  for (i=0; i<total; i++) {
   image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
   description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
   thumbnails* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue; 
   thumbnails_fn(i);
  }
  firstImage();
 } else {
  content = "file not loaded!";
 }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images1.xml");
gallery_txt.text = "Gallery 1";
// gallery buttons
btngal1. onRelease = function(){
 xmlData.onLoad = loadXML;
 xmlData.load("images1.xml");
 gallery_txt.text = "Gallery 1";
 thumbnail_mc.unloadMovie();
 p = 0;
 thumbnail_mc._x = +1;
}
btngal2. onRelease = function(){
 xmlData.onLoad = loadXML;
 xmlData.load("images2.xml");
 gallery_txt.text = "Gallery 2";
 thumbnail_mc.unloadMovie();
 p = 0;
 thumbnail_mc._x = +1;
}
btngal3. onRelease = function(){
 xmlData.onLoad = loadXML;
 xmlData.load("images3.xml");
 gallery_txt.text = "Gallery 3";
 thumbnail_mc.unloadMovie();
 p = 0;
 thumbnail_mc._x = +1;
}
///////////////////////////////////// 
listen = new Object();
listen.onKeyDown = function() {
 if (Key.getCode() == Key.LEFT) {
  prevImage();
 } else if (Key.getCode() == Key.RIGHT) {
  nextImage();
 }
};
Key.addListener(listen);
previous_btn.onRelease = function() {
 prevImage();
};
next_btn.onRelease = function() {
 nextImage();
};
///////////////////////////////////// 
p = 0;
this.onEnterFrame = function() {
 filesize = picture.getBytesTotal();
 loaded = picture.getBytesLoaded();
 preloader._visible = true;
 if (loaded != filesize) {
  preloader.preload_bar._xscale = 100*loaded/filesize;
  preloader.loadText = Math.round(100*loaded/filesize)+"%";
 } else {
  preloader._visible = false;
  if (picture._alpha<100) {
   picture._alpha += 10;
  }
 }
};
function nextImage() {
 if (p<(total-1)) {
  p++;
  if (loaded == filesize) {
   picture._alpha = 0;
   picture.loadMovie(image[p], 1);
   desc_txt.text = description[p];
   picture_num();
  }
 }
}
function prevImage() {
 if (p>0) {
  p--;
  picture._alpha = 0;
  picture.loadMovie(image[p], 1);
  desc_txt.text = description[p];
  picture_num();
 }
}
function firstImage() {
 if (loaded == filesize) {
  picture._alpha = 0;
  picture.loadMovie(image[0], 1);
  desc_txt.text = description[0];
  picture_num();
 }
}
function picture_num() {
 current_pos = p+1;
 pos_txt.text = current_pos+" of "+total;
}
function thumbNailScroller() { 
// thumbnail code! 
this.createEmptyMovieClip("tscroller", 1000); 
scroll_speed = 30; 
tscroller.onEnterFrame = function() { 
if ((this._ymouse>=thumbnail_mc._y) && (this._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) { 
if ((this._xmouse>=(hit_right._x-3)) && (thumbnail_mc.hitTest(hit_right))) { 
thumbnail_mc._x -= scroll_speed; 
} else if ((this._xmouse<=30) && (thumbnail_mc.hitTest(hit_left))) { 
thumbnail_mc._x += scroll_speed; 
} 
} else { 
delete tscroller.onEnterFrame; 
} 
}; 
} 
function thumbnails_fn(k) { 
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth()); 
tlistener = new Object(); 
tlistener.onLoadInit = function(target_mc) { 
target_mc._x = hit_left._x+(eval("thumbnail_mc.t"+k)._width+5)*k; 
target_mc.pictureValue = k; 
target_mc.onRelease = function() { 
p = this.pictureValue-1; 
nextImage(); 
};
target_mc._alpha = 50;
target_mc.onRollOver = function() { 
this._alpha = 200; 
thumbNailScroller(); 
}; 
target_mc.onRollOut = function() { 
this._alpha = 50; 
};
}; 
image_mcl = new MovieClipLoader(); 
image_mcl.addListener(tlistener); 
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k); 
} 
stop();

Thanks