...

View Full Version : plz help me .....



PHPycho
08-31-2006, 09:21 AM
Hello friends and seniors of codingforum !!
I was adviced to make a animation on the photo, i tried using imageReady
but that made a size a bigger one, leading problem in loading.
I was adviced to make the animation in flash but i have 0 knwoledge in flash and i am just trying it out but i had to submit the animation in a few days. One of friend tried it out and he make as shown in this link http://www.heavenlypath.org/ But this is not the perfect one. what i want is to make it more attractive adding some smooth and cool effects. Is there anybody who can help me in making a good animation. I would be very greatful if any
body help me in this situation . i am providing the photo link @ http://www.heavenlypath.org/common/guru.gif
Anyway thanks in advance.

vwphillips
08-31-2006, 06:04 PM
provide a link to your animated gif and will see if I can reproduce it

PHPycho
08-31-2006, 08:45 PM
thanks for the response....animated link is
http://heavenlypath.org/common/animate.swf
And the photo to be animated is http://www.heavenlypath.org/common/guru.gif

vwphillips
08-31-2006, 11:15 PM
will have a look tomorrow

but have so far


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<head>
<title></title>
<script type="text/javascript">
// by Vic Phillips (31-August-2006) http://www.vicsjavascripts.org.uk

// modes:
// zindex
// visibility
// opacity
// width
// height
// widthheight
// left
// up
// leftdown
// leftup

var ImgPath='http://www.vicsjavascripts.org.uk/StdImages/';
var ImgAry=[];
ImgAry[0]=[ImgPath,'One.gif',3000,10,'width']
ImgAry[1]=[ImgPath,'Two.gif',3000,10,'leftup']
ImgAry[2]=[ImgPath,'Three.gif',3000,10,'leftdown']
ImgAry[3]=[ImgPath,'Four.gif',3000,10,'opacity']

function zxcAnimation(zxcid,zxcary){
var zxcp=document.getElementById(zxcid);
var zxcpary=[];
for (var zxc0=0;zxc0<zxcary.length;zxc0++){
var zxcd=zxcStyle('DIV',{position:'absolute',zIndex:'0',visibility:'hidden'});
var zxcimg=zxcStyle('IMG',{position:'absolute',left:'0px',top:'0px',width:zxcp.offsetWidth+'px',height:z xcp.offsetHeight+'px'});
zxcimg.src=zxcary[zxc0][0]+zxcary[zxc0][1];
zxcd.appendChild(zxcimg);
zxcp.appendChild(zxcd);
zxcStyle(zxcd,{overflow:'hidden',left:((zxcp.offsetWidth-zxcimg.width)/2)+'px',top:((zxcp.offsetHeight-zxcimg.height)/2)+'px',width:zxcimg.width+'px',height:zxcimg.height+'px'});
zxcStyle(zxcd,{overflow:'hidden',left:'0px',top:'0px',width:zxcimg.width+'px',height:zxcimg.height+' px'});
zxcpary.push([zxcd,zxcary[zxc0][2],zxcary[zxc0][3],zxcd.offsetWidth,zxcd.offsetHeight,zxcary[zxc0][4]||'zindex']);
}
zxcStyle(zxcpary[0][0],{zIndex:'1',visibility:'visible'});
zxcp.oop=new zxcAnOOP(zxcp,zxcpary);
}

function zxcStyle(zxcele,zxcstyle,zxctxt){
if (typeof(zxcele)=='string'){ zxcele=document.createElement(zxcele); }
for (key in zxcstyle){ zxcele.style[key]=zxcstyle[key]; }
if (zxctxt){ zxcele.appendChild(document.createTextNode(zxctxt)); }
return zxcele;
}


function zxcAnOOP(zxcp,zxcpary){
this.obj=zxcp;
this.ary=zxcpary;
this.ref='zxcoobr'+zxcp.id;
window[this.ref]=this;
this.to=null;
this.cnt=0;
this.ecnt=100;
this.now=this.ary[0][0];
for (var zxc0=0;zxc0<this.ary.length;zxc0++){
zxcmd=this.ary[zxc0][5];
if (zxcmd!='zindex'&&zxcmd!='visibility'&&zxcmd!='opacity'&&zxcmd!='width'&&zxcmd!='height'&&zxcmd!=zxcmd!='widthheight'&&zxcmd!='left'&&zxcmd!='up'&&zxcmd!='leftdown'&&zxcmd!='leftup'){
alert('Invalid Mode\n'+zxcmd);
return;
}
}
this.rotate();
}

zxcAnOOP.prototype.rotate=function(){
this.ecnt=0;
this.lst=this.ary[this.cnt][0];
// zxcStyle(this.now,{zIndex:'0',visibility:'hidden',left:'0px',top:'0px',width:this.ary[this.cnt][3]+'px',height:this.ary[this.cnt][4]+'px'});
for (var zxc0=0;zxc0<this.ary.length;zxc0++){ this.ary[zxc0][0].style.zIndex='0'; }
this.all();
this.cnt=++this.cnt%this.ary.length;
this.now=this.ary[this.cnt][0];
this.now.style.visibility='visible'; this.lst.style.visibility='visible';
this.lst.style.zIndex=1; this.now.style.zIndex=2;
this[this.ary[this.cnt][5]]();
this.TimeOut('rotate();',this.ary[this.cnt][1]);
}

zxcAnOOP.prototype.all=function(){
for (var zxc0=0;zxc0<this.ary.length;zxc0++){
zxcStyle(this.ary[zxc0][0],{visibility:'visible',left:'0px',top:'0px',width:this.ary[zxc0][3]+'px',height:this.ary[zxc0][4]+'px'});
zxcOpacity(this.ary[zxc0][0],100);
}
}

zxcAnOOP.prototype.TimeOut=function(zxcf,zxcd){
this.to=setTimeout('window.'+this.ref+'.'+zxcf,zxcd);
}

zxcAnOOP.prototype.zindex=function(){
}

zxcAnOOP.prototype.visibility=function(){
this.lst.style.visibility='hidden';
}

zxcAnOOP.prototype.opacity=function(){
zxcOpacity(this.lst,100-this.ecnt);
zxcOpacity(this.now,this.ecnt);
this.ecnt++;
if (this.ecnt<101){ this.ETimeOut('opacity();',this.ary[this.cnt][2]); }
else { this.all(); }
}

zxcAnOOP.prototype.width=function(){
this.now.style.width=this.ecnt+'px';
this.ecnt++;
if (this.ecnt<this.ary[this.cnt][3]){ this.ETimeOut('width();',this.ary[this.cnt][2]); }
else { this.all(); }
}

zxcAnOOP.prototype.widthheight=function(){
this.now.style.width=this.ecnt+'px';
this.now.style.height=(Math.max(this.ecnt/this.ary[this.cnt][3]*this.ary[this.cnt][4],0))+'px';
this.ecnt++;
if (this.ecnt<this.ary[this.cnt][3]){ this.ETimeOut('widthheight();',this.ary[this.cnt][2]); }
else { this.all(); }
}

zxcAnOOP.prototype.height=function(){
this.now.style.height=this.ecnt+'px';
this.ecnt++;
if (this.ecnt<this.ary[this.cnt][4]){ this.ETimeOut('height();',this.ary[this.cnt][2]); }
else { this.all(); }
}

zxcAnOOP.prototype.up=function(){
this.now.style.height=this.ecnt+'px';
this.now.style.top=(this.ary[this.cnt][4]-this.ecnt)+'px';
this.ecnt++;
if (this.ecnt<this.ary[this.cnt][4]){ this.ETimeOut('up();',this.ary[this.cnt][2]); }
else { this.all(); }
}

zxcAnOOP.prototype.leftdown=function(){
this.now.style.width=this.ecnt+'px';
this.now.style.left=(this.ary[this.cnt][3]-this.ecnt)+'px';
this.now.style.height=(Math.max(this.ecnt/this.ary[this.cnt][3]*this.ary[this.cnt][4],0))+'px';
this.ecnt++;
if (this.ecnt<this.ary[this.cnt][3]){ this.ETimeOut('leftdown();',this.ary[this.cnt][2]); }
else { this.all(); }
}

zxcAnOOP.prototype.leftup=function(){
this.now.style.width=this.ecnt+'px';
this.now.style.left=(this.ary[this.cnt][3]-this.ecnt)+'px';
this.now.style.height=(Math.max(this.ecnt/this.ary[this.cnt][3]*this.ary[this.cnt][4],0))+'px';
this.now.style.top=(this.ary[this.cnt][4]-parseInt(this.now.style.height))+'px';
this.ecnt++;
if (this.ecnt<this.ary[this.cnt][3]){ this.ETimeOut('leftup();',this.ary[this.cnt][2]); }
else { this.all(); }
}

zxcAnOOP.prototype.ETimeOut=function(zxcf,zxcd){
this.to=setTimeout('window.'+this.ref+'.'+zxcf,zxcd);
}


function zxcOpacity(zxcobj,zxcopc) {
if (zxcopc<0||zxcopc>100){ return; }
if (zxcobj.style.MozOpacity!=null){ zxcobj.style.MozOpacity=(zxcopc/100)-.001; }
else if (zxcobj.style.opacity!=null){ zxcobj.style.opacity=(zxcopc/100)-.001; }
else if (zxcobj.style.filter!=null){ zxcobj.style.filter = 'alpha(opacity='+zxcopc+')'; }
else if (zxcobj.KHTMLOpacity!=null){ zxcobj.KHTMLOpacity=(zxcopc/100)-.001; }
}



</script>

</head>

<body bgcolor="#FFCC66" onload="zxcAnimation('Tst1',ImgAry);zxcAnimation('Tst2',ImgAry);">
<img src="E:/VicsJavaScripts/StdImages/guru.gif" width="297" height="296" />
<div id="Tst1" style="position:relative;width:200px;height:200px;border:solid black 0px;" ></div>
<div id="Tst2" style="position:relative;width:100px;height:100px;border:solid black 0px;" ></div>
<script> vic=0; </script>
<form name=Show id=Show style="position:absolute;visibility:visible;top:450px;left:0px;" >
<input size=10 name=Show0 >
<input size=10 name=Show1 >
<input size=10 name=Show2 >
<input size=10 name=Show3 >
<input size=10 name=Show4 >
<input size=10 name=Show5 >
<input size=10 name=Show6 >
<input size=10 name=Show7 >
<input size=10 name=Show8 >
<input size=10 name=Show9 >
</form>

</body>

</html>

PHPycho
09-19-2006, 08:43 PM
thnks for the reply
but what i want is to make the animated photo a smooth n stylish one using flash. so please help me using macromedia flash.
http://heavenlypath.org/common/animate.swf - this animation is to be edited
And the photo to be animated is http://www.heavenlypath.org/common/guru.gif

_Aerospace_Eng_
09-19-2006, 09:35 PM
If you wanted this done in flash then why did you post in the javascript forum? We have a flash forum you know? BTW I'm getting a page not found on both the flash and the gif.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum