Brian Lin
asked on
Unable to see Zoom in images after click on the thumbnail images
Hi, experts
I have the following code that import external images. First, it will display small images and user can see zoom in images when click on small images..... The problem is when click on small image that zoom in image is not showing up [ function buttonClick() ]. Please any suggestion welcome. Thanks
Code
var _loc1 = this;
//
function loadMe() {
myX = 62;
myY = 125;
gap = 105;
gap2 = 0.66;
max = 4;
counter = 0;
var ScrollMovie:MovieClip = _loc1.createEmptyMovieClip ("ScrollMo vie", 1);
for (n=1; n<howMany; n++) {
mc = ScrollMovie.createEmptyMov ieClip("my Target"+n, 20+n);
picture = "netblue/"+projects[n]+".j pg";
eval("ScrollMovie.myTarget "+n).loadM ovie(pictu re);
//mcLoader.loadClip(pictur e, eval("ScrollMovie.myTarget "+n));
if (counter>max) {
counter = 0;
myY = myY+gap;
}
// end if
mc._x = myX+gap*counter;
mc._y = myY*gap2;
trace("counter:"+counter);
++counter;
}
//
// end of for
mask_mc = _loc1.attachMovie("bg", "mask_mc", _loc.getNextHighestDepth() );
mask_mc._x = bg._x;
mask_mc._y = bg._y;
ScrollMovie.setMask(mask_m c);
if (howMany>20) {
trace("Too many!!");
//for (i=20; i>20; i++) {
trace("Trace n = "+n);
//}
}
}
// End of the function
function buildMenu() {
myX = 62;
myY = 125;
gap = 105;
gap2 = 0.66;
max = 4;
counter = 0;
for (i=1; i<howMany; i++) {
mc = ScrollMovie.attachMovie("b utton", "button"+i, 50+i);
// Add the following to make rollOver works
mc.btn.onRollOut = buttonOut;
mc.btn.onRollOver = buttonOver;
mc.btn.onRelease = buttonClick;
trace("Menu list -- "+i);
mc.i = i;
_loc1.myName = i;
_loc1.myName = _loc1.projects[i];
mc.person.text = _loc1.myName;
trace("myName -- "+myName);
_loc1.n = i;
if (counter>max) {
counter = 0;
myY = myY+gap;
}
// end if
mc._x = myX+gap*counter;
mc._y = myY*gap2;
trace("counter:"+counter);
++counter;
}
// end of for
}
// End of the function
function buttonOver() {
_loc1 = this._parent._parent;
trace("which one is roll over now -- "+this._parent);
this._parent.gotoAndStop(6 );
_loc1.myName = _loc1.projects[i];
mc = _loc1["myTarget"+this._par ent.i];
mc._xscale = mc._yscale=120;
prev_width = this._parent._width;
this._parent._xscale = this._parent._yscale=120;
after_width = this._parent._width;
this._parent.buffer = (after_width-prev_width)/2 ;
this._parent._x -= this._parent.buffer;
this._parent._y -= this._parent.buffer;
mc._x -= this._parent.buffer;
mc._y -= this._parent.buffer;
mc.swapDepths(120);
this._parent.swapDepths(12 1);
}
// End of the function
function buttonOut() {
mc = _loc1["myTarget"+this._par ent.i];
mc._xscale = mc._yscale=100;
this._parent._x += this._parent.buffer;
this._parent._y += this._parent.buffer;
mc._x += this._parent.buffer;
mc._y += this._parent.buffer;
this._parent._xscale = this._parent._yscale=100;
this._parent.gotoAndStop(1 );
}
function buttonClick() {
_loc1 = this._parent._parent;
//
_loc1.createEmptyMovieClip ("zoomMC12 ", 9999);
_loc1.zoomMC12._x = 322;
_loc1.zoomMC12._y = 222;
trace("Click on button "+this);
zoomMC = _loc1.zoomMC12.createEmpty MovieClip( "myTarget" , 9999);
trace(" import Project bigger image n = "+this._parent.i);
zoomPicture = "netblue/zoom/"+String(_lo c1.project s[this._pa rent.i])+" .jpg";
//After roll over status
for (i=1; i<20; i++) {
mc._alpha = 30;
}
////////////////////////// ////////// ////////// /
_loc1.mcLoader.loadClip(zo omPicture, zoomMC);
_loc1.zoomMC12.onPress = function() {
unloadMovie(this);
unloadMovie(whiteOutBG);
};
}
_loc1.upStatus = 0;
//
var myListener = new Object();
myListener.onLoadInit = function(target_mc) {
this.imageborder = 9;
target_mc._x = -(target_mc._width/2);
target_mc._y = -(target_mc._height/2);
trace("Picture width "+target_mc._width);
//Load white BG
_loc1.attachMovie("whiteOu tBG", "whiteOutBG", 9998);
_loc1.whiteOutBG._width = target_mc._width+2*this.im ageborder;
_loc1.whiteOutBG._height = target_mc._height+2*this.i mageborder ;
_loc1.whiteOutBG._x = 322;
_loc1.whiteOutBG._y = 222;
};
var mcLoader = new MovieClipLoader();
mcLoader.addListener(myLis tener);
//
//Scroller
increment = 20;
downLimit = -112;
upLimit = 0;
down.onPress = function() {
if (ScrollMovie._y>downLimit) {
ScrollMovie._y = ScrollMovie._y-increment;
}
};
up.onPress = function() {
if (ScrollMovie._y<upLimit) {
ScrollMovie._y = ScrollMovie._y+increment;
}
};
// End of the function
#include "netblue/netblueList.as"
var scrolling = 0;
var howMany = projects.length;
var n = 1;
loadMe();
buildMenu();
var myName;
stop();
I have the following code that import external images. First, it will display small images and user can see zoom in images when click on small images..... The problem is when click on small image that zoom in image is not showing up [ function buttonClick() ]. Please any suggestion welcome. Thanks
Code
var _loc1 = this;
//
function loadMe() {
myX = 62;
myY = 125;
gap = 105;
gap2 = 0.66;
max = 4;
counter = 0;
var ScrollMovie:MovieClip = _loc1.createEmptyMovieClip
for (n=1; n<howMany; n++) {
mc = ScrollMovie.createEmptyMov
picture = "netblue/"+projects[n]+".j
eval("ScrollMovie.myTarget
//mcLoader.loadClip(pictur
if (counter>max) {
counter = 0;
myY = myY+gap;
}
// end if
mc._x = myX+gap*counter;
mc._y = myY*gap2;
trace("counter:"+counter);
++counter;
}
//
// end of for
mask_mc = _loc1.attachMovie("bg", "mask_mc", _loc.getNextHighestDepth()
mask_mc._x = bg._x;
mask_mc._y = bg._y;
ScrollMovie.setMask(mask_m
if (howMany>20) {
trace("Too many!!");
//for (i=20; i>20; i++) {
trace("Trace n = "+n);
//}
}
}
// End of the function
function buildMenu() {
myX = 62;
myY = 125;
gap = 105;
gap2 = 0.66;
max = 4;
counter = 0;
for (i=1; i<howMany; i++) {
mc = ScrollMovie.attachMovie("b
// Add the following to make rollOver works
mc.btn.onRollOut = buttonOut;
mc.btn.onRollOver = buttonOver;
mc.btn.onRelease = buttonClick;
trace("Menu list -- "+i);
mc.i = i;
_loc1.myName = i;
_loc1.myName = _loc1.projects[i];
mc.person.text = _loc1.myName;
trace("myName -- "+myName);
_loc1.n = i;
if (counter>max) {
counter = 0;
myY = myY+gap;
}
// end if
mc._x = myX+gap*counter;
mc._y = myY*gap2;
trace("counter:"+counter);
++counter;
}
// end of for
}
// End of the function
function buttonOver() {
_loc1 = this._parent._parent;
trace("which one is roll over now -- "+this._parent);
this._parent.gotoAndStop(6
_loc1.myName = _loc1.projects[i];
mc = _loc1["myTarget"+this._par
mc._xscale = mc._yscale=120;
prev_width = this._parent._width;
this._parent._xscale = this._parent._yscale=120;
after_width = this._parent._width;
this._parent.buffer = (after_width-prev_width)/2
this._parent._x -= this._parent.buffer;
this._parent._y -= this._parent.buffer;
mc._x -= this._parent.buffer;
mc._y -= this._parent.buffer;
mc.swapDepths(120);
this._parent.swapDepths(12
}
// End of the function
function buttonOut() {
mc = _loc1["myTarget"+this._par
mc._xscale = mc._yscale=100;
this._parent._x += this._parent.buffer;
this._parent._y += this._parent.buffer;
mc._x += this._parent.buffer;
mc._y += this._parent.buffer;
this._parent._xscale = this._parent._yscale=100;
this._parent.gotoAndStop(1
}
function buttonClick() {
_loc1 = this._parent._parent;
//
_loc1.createEmptyMovieClip
_loc1.zoomMC12._x = 322;
_loc1.zoomMC12._y = 222;
trace("Click on button "+this);
zoomMC = _loc1.zoomMC12.createEmpty
trace(" import Project bigger image n = "+this._parent.i);
zoomPicture = "netblue/zoom/"+String(_lo
//After roll over status
for (i=1; i<20; i++) {
mc._alpha = 30;
}
//////////////////////////
_loc1.mcLoader.loadClip(zo
_loc1.zoomMC12.onPress = function() {
unloadMovie(this);
unloadMovie(whiteOutBG);
};
}
_loc1.upStatus = 0;
//
var myListener = new Object();
myListener.onLoadInit = function(target_mc) {
this.imageborder = 9;
target_mc._x = -(target_mc._width/2);
target_mc._y = -(target_mc._height/2);
trace("Picture width "+target_mc._width);
//Load white BG
_loc1.attachMovie("whiteOu
_loc1.whiteOutBG._width = target_mc._width+2*this.im
_loc1.whiteOutBG._height = target_mc._height+2*this.i
_loc1.whiteOutBG._x = 322;
_loc1.whiteOutBG._y = 222;
};
var mcLoader = new MovieClipLoader();
mcLoader.addListener(myLis
//
//Scroller
increment = 20;
downLimit = -112;
upLimit = 0;
down.onPress = function() {
if (ScrollMovie._y>downLimit)
ScrollMovie._y = ScrollMovie._y-increment;
}
};
up.onPress = function() {
if (ScrollMovie._y<upLimit) {
ScrollMovie._y = ScrollMovie._y+increment;
}
};
// End of the function
#include "netblue/netblueList.as"
var scrolling = 0;
var howMany = projects.length;
var n = 1;
loadMe();
buildMenu();
var myName;
stop();
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hi, Aneesh
How are you? I found a small problem but I could not really solve it by my self.... I have created a question at EE and could you take a look if you have time?
https://www.experts-exchange.com/questions/22495945/Import-external-images-relate-question.html
Thanks for helping
How are you? I found a small problem but I could not really solve it by my self.... I have created a question at EE and could you take a look if you have time?
https://www.experts-exchange.com/questions/22495945/Import-external-images-relate-question.html
Thanks for helping
ASKER
Thanks a lot