Hello,
I have inserted a scrolling gallery into my website but now whenever I click on the portfolio section that brings up the gallery I can’t click out. The buttons are still there, but whenever you click another button it overlays the text and other images I put in them overtop the gallery scroll.
How do I get this galleryscroll to stop being an attention-addict?!
**Code for buttons - **
stop();
function goHome (e:MouseEvent):void{
gotoAndStop(“Home”);
}
home_btn.addEventListener(MouseEvent.CLICK, goHome);
function goAbout (e:MouseEvent):void{
gotoAndStop(“About”);
}
about_btn.addEventListener(MouseEvent.CLICK, goAbout);
function goLinks (e:MouseEvent):void{
gotoAndStop(“Links”);
}
links_btn.addEventListener(MouseEvent.CLICK, goLinks);
function goContact (e:MouseEvent):void{
gotoAndStop(“Contact”);
}
contact_btn.addEventListener(MouseEvent.CLICK, goContact);
**code to bring scroll in - **
stop();
var myLoader:Loader = new Loader();
addChild(myLoader);
var url:URLRequest = new URLRequest(“galleryscroll.swf”);
myLoader.load(url);
**code of the gallery scroll herself - **
import mx.transitions.Tween;
import mx.transitions.easing.*;
this.createEmptyMovieClip(“container”,1);
var imagesNumber:Number = 6;
var scrolling:Boolean = true;
for (i=1; i<=imagesNumber; i++) {
container.attachMovie(“mini”+i,“mini”+i+"_mc",i);
myMini_mc = container[“mini”+i+"_mc"];
myMini_mc._x = (i-1)*myMini_mc._width;
myMini_mc._y = (Stage.height-myMini_mc._height)/2
}
container.onEnterFrame = function() {
this._x += Math.cos((-_root._xmouse/Stage.width)*Math.PI)*15;
if (this._x>0) {
this._x = 0;
}
if (-this._x>(this._width-Stage.width)) {
this._x = -(this._width-Stage.width);
}
};
for (i=1; i<=imagesNumber; i++) {
container.attachMovie(“mini”+i,“mini”+i+"_mc",i);
myMini_mc = container[“mini”+i+"_mc"];
myMini_mc._x = (i-1)*myMini_mc._width;
myMini_mc._y = (Stage.height-myMini_mc._height)/2
myMini_mc.largerImage = i;
}
for (i=1; i<=imagesNumber; i++) {
container.attachMovie(“mini”+i,“mini”+i+"_mc",i);
myMini_mc = container[“mini”+i+"_mc"];
myMini_mc._x = (i-1)*myMini_mc._width;
myMini_mc._y = (Stage.height-myMini_mc._height)/2
myMini_mc._alpha=50;
myMini_mc.largerImage = i;
myMini_mc.onRollOver = function(){
this._alpha=100;
}
myMini_mc.onRollOut = function(){
this._alpha=50;
}
myMini_mc.onRelease = function(){
this._alpha=50;
for (i=1; i<=imagesNumber; i++) {
var myClip = container[“thumb”+i+"_mc"];
myClip.enabled = false;
}
scrolling = false;
_root.attachMovie(“symbol”+this.largerImage,“large_mc”,2);
large_mc._x = (Stage.width - large_mc._width)/2;
large_mc._y = (Stage.height - large_mc._height)/2;
new Tween(large_mc,"_alpha",Strong.easeOut,0,100,0.5,true);
new Tween(container,"_alpha",Strong.easeOut,100,50,0.5,true);
large_mc.onRelease = function() {
scrolling = true;
var myFadeOut = new Tween (large_mc,"_alpha",Strong.easeOut, 100,0,0.5,true);
new Tween(container,"_alpha",Strong.easeOut,50,100,0.5,true);
myFadeOut.onMotionFinished=function(){
for (i=1; i<=imagesNumber; i++) {
var myClip = container[“thumb”+i+"_mc"];
myClip.enabled = true;
}
large_mc.removeMovieClip();
}
};
};
}
container.onEnterFrame = function() {
if (scrolling){
this._x += Math.cos((-_root._xmouse/Stage.width)*Math.PI)*15;
if (this._x>0) {
this._x = 0;
}
if (-this._x>(this._width-Stage.width)) {
this._x = -(this._width-Stage.width);
}
}
};
