1 Reply Latest reply on Aug 28, 2010 9:27 PM by hellokermit1

    nextFrame fade in effect

    hellokermit1

      Hi, i have a simple flash gallery with next and previous button, for the next button i add below actionscript:

      on (release,) {
          nextFrame;   
      }

      now my question is in order to make the transition look better, i like to add a fade in to next frame effect (and fade out previous), i try to look online for tutorial but no luck.... please let me know if i should add something to the actionscript to achieve that. Thanks.

        • 1. Re: Photo gallery with next prev btn fade in out image
          hellokermit1 Level 1

          ok..now i saw this tutorial (http://www.kirupa.com/developer/mx2004/xml_flash_photogallery.htm) and it works well in my case...now just wonder how to add a function to go back to first picture after seeing the last picture from the gallery...thanks.

           

          ///////XML file:

           

          <?xml version="1.0" encoding="utf-8" standalone="yes"?>
          <images>
              <pic>
                  <image>http://www.website.com/flaimages/image1.jpg</image>
              </pic>
               <pic>
                  <image>http://www.website.com/flaimages/image2.jpg</image>
              </pic>   
          </images>

           

          ////////FLA actionscript:

           

          function loadXML(loaded) {
              if (loaded) {
                  xmlNode = this.firstChild;
                  image = [];
                  description = [];
                  total = xmlNode.childNodes.length;
                  for (i=0; i<total; i++) {
                      image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
                      description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
                  }
                  firstImage();
              } else {
                  content = "file not loaded!";
              }
          }
          xmlData = new XML();
          xmlData.ignoreWhite = true;
          xmlData.onLoad = loadXML;
          xmlData.load("images.xml");
          // ///////////////////////////////////
          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;
              } 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+" / "+total;
          }