3 Replies Latest reply on Aug 5, 2006 4:18 PM by withhisstripes

    Filmstrip Magnify Effect, need help...

    withhisstripes
      Heya,
      So if you visit http://www.hookmedia.biz/cabinet_source/v4_f then you'll see that on the gallery page there is an area for a filmstrip. This filmstrip works great except that I need the images to magnify a little when you mouseover them. Can anyone help? Thanks!
        • 1. Re: Filmstrip Magnify Effect, need help...
          Darshan Rane Level 3
          hi
          on images (it must be a movieclip)
          write actionsrcipt on movieclip


          on(Rollover)
          {
          this._xscale = this._yscale = 120 (amount of scale you want)
          }

          on(Rollout)
          {
          this._xscale = this._yscale = 100 (original size)
          }
          • 2. Filmstrip Magnify Effect, need help...
            withhisstripes Level 1
            Hey thanks for the reply, but unfortunately I couldn't get that to work. I should have mentioned that in the first frame is the following AS:

            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("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;
            }
            function thumbNailScroller() {
            // thumbnail code!
            this.createEmptyMovieClip("tscroller", 1000);
            scroll_speed = 10;
            tscroller.onEnterFrame = function() {
            if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
            if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
            thumbnail_mc._x -= scroll_speed;
            } else if ((_root._xmouse<=(hit_left._x+40)) && (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+(target_mc._width+5)*k;
            target_mc.pictureValue = k;
            target_mc.onRelease = function() {
            p = this.pictureValue-1;
            nextImage();
            };
            target_mc.onRollOver = function() {
            this._alpha = 50;
            thumbNailScroller();
            };
            target_mc.onRollOut = function() {
            this._alpha = 100;
            };
            };
            image_mcl = new MovieClipLoader();
            image_mcl.addListener(tlistener);
            image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
            }
            • 3. Re: Filmstrip Magnify Effect, need help...
              withhisstripes Level 1
              Okay, I figured it out. I'm a little embarressed I didn't think of it before, but anyway I just had to add it to the section of the AS that says "rollout" and "rollover", duh. I guess I just didn't notice it in the code before.

              Now, does anyone know how to make it progressively magnify?