The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Mouse-Activated Image-Orbit, A test script I put together
MasterCE
post Jan 30 2007, 05:28 PM
Post #1





Group: Members
Posts: 9
Joined: 30-January 07
Member No.: 1,727



This one time I found a javascript on a forum that makes all images orbit around by putting it in URL. When I joined IMVU, I found out you get to edit your homepage down to HTML and CSS of sections of it (Buddys, Visitors, etc.) Since I'm a noob at this kind of script, I'm not sure how I'd get this to work. It's like Torque script, which is mostly C++, but it's stil confusing. I knew this wouldn't work, but I still tried it.
My page is here: http://www.imvu.com/catalog/web_mypage.php?user=8574331
Info: The image in My Buddies which is bigger then the others is actually the code. I'm trying to test the script so I chose any image for a test. I'm hoping for a script that makes everything orbit while the image has cursor over it (I know, it has to keep still or it'd go back) and stop orbiting and go back to normal positions while it's not on it
CODE
<script type="text/JavaScript">
function A(num) {
if(num) {
  for(i=0; i<DIL; i++) {
  DIS=DI[ i ].style;
  DIS.position='absolute';
  DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5;
  DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5
  }
  R++
}
else {
void( 0 );
}
}
function btnHigh( btnName, hgh ) {
//Display correct button - hgh = 0 = normal button
// hgh = 1 = highlight button
var obtn = document.getElementById (btnName);
if (hgh) {
R=0;
x1=.1;
y1=.05;
x2=.25;
y2=.24;
x3=1.6;
y3=.24;
x4=300;
y4=200;
x5=300;
y5=200;
DI=document.images;
DIL=DI.length;
setInterval('A(1)',5);
void( 0 );
}
else {
A(0);
}
}
</script>
<img id= "btnHome" src="http://userimages.imvu.com/catalog/includes/modules/phpbb2/images/avatars/8196083_93003093345bee0b70098a.jpg"

onMouseOver="java script:btnHigh('btnHome',1);"
onMouseOut="java script:btnHigh('btnHome',0);">

Original:
CODE
java script:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5;DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++} setInterval('A()',5); void( 0 )


This post has been edited by MasterCE: Jan 30 2007, 06:08 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th April 2024 - 09:39 PM