PDA

View Full Version : shaking image

hollywooddkb52
06-02-2003, 04:09 PM
On my splash, I had a shaking image that linked to the main page of my site. I deleted the link awhile ago when I put my site under construction, and now I want the link back because my site is finished. Problem is, now it links, but the picture won't shake. Is there something wrong with my script?? This is the site (http://www.pinklightning.tk)
Here's the script:

<link rel=stylesheet type=text/css href=style.css>
<HTML>
<HEAD><title> .:: PiNk LiGhTninG *dot* tk ::.
</title>
<style>
<!--

#myimage{
filter:light
}

-->
</style>




<META HTTP-EQUIV="Expires" CONTENT="-1">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <title>PiNk LigHtNinG <dot> tK</title>
<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">

/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

//configure shake degree (where larger # equals greater shake)
var rector=3

///////DONE EDITTING///////////
var stopit=0
var a=1

function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}

function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}

function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}

</script>


<style>
<!--

#myimage{
filter:light
}

-->
</style>



<background color="black">

</head><CENTER>

<body>

<body bgcolor="#ffffff">
<font="arial" size="2" color="#FF0099">


<div style="width: 400px; height: 0px; left: 0px; position: absolute; top: 0px;"><center>
<a href="/v1.html" style="cursor:crosshair"><img src="http://pinklightning.150m.com/hilarysplashlarge.jpg" border="0"><class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()" >
</div>


<br><br><br><br><br><br><br><br><br><br><br>
<img id="myimage" img src="http://pinklightning.150m.com/looking%20for%20a%20host.jpg" border="0"></a>
<script language="JavaScript1.2">

//Image spotlight effect- By Erik F (die_schlampe@hotmail.com)
//Code enhancements by Dynamicdrive.com
//Visit http://www.dynamicdrive.com for this script

s = 50; // the size of the spotlight
vp = 10; // the visibility percent of the picture
startx = 0; // the top position of your sportlight into the image (on start)
starty = 0; // the left position of your spotlight into the image (on start)


//////////////////////////////////////////////////////////////////
// No need to edit below this line //
//////////////////////////////////////////////////////////////////

var IE = document.all?true:false

function moveL()
{
xv = tempX;
yv = tempY;
myimage.filters.light.MoveLight(1,xv,yv,s,true);
}

if (IE&&myimage.filters)
document.all.myimage.onmousemove = getMou^^^Y;
var tempX = 0
var tempY = 0


function getMou^^^Y(e) {
tempX = event.offsetX
tempY = event.offsetY

if (tempX < 0){tempX = 0}
if (tempY < 0){tempY = 0}
if (t)
{
moveL();
}

return true
}

var xv = startx;
var yv = starty;
var t= true;
if (IE&&myimage.filters){
myimage.style.cursor="hand";
myimage.filters.light.addAmbient(255,255,255,vp)
myimage.filters.light.addPoint(startx,starty,s,255 ,255,255,255)
}

</script>



<p>
<font face="arial" color="#FF0099" size="2">Requirements for best viewing:
</center><align=left>
fairly new IE | an ability to be polite (please use it) | maximized screen to avoid banner ads | sense of humor | liking of Harry Potter
</font>
</p>
<script language="JavaScript1.2" type="text/javascript" src="http://pub43.bravenet.com/counter/code.php?id=369085&usernum=3653685834&groupnum=43&cpv=1"> </script>
<noscript>
<a href="http://counter43.bravenet.com/index.php?id=369085&usernum=3653685834&cpv=1"
target="_top"><img src="http://counter43.bravenet.com/counter.php?id=369085&usernum=3653685834"
alt="Bravenet.com" border="0" /></a>
</noscript>
</body>
</html>
sisqoluv
06-02-2003, 08:54 PM
Sorry, your site wouldn't load (bad connection right now). This is the code I have. For the <head>

<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">
/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
//configure shake degree (where larger # equals greater shake)
var rector=3
///////DONE EDITTING///////////
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
</script>


To place the image:

<img src="IMAGE URL HERE" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">
hollywooddkb52
06-02-2003, 09:58 PM
that's pretty much what i have: but how do you add a link on that same shaking image? here's the site again: i dunno if it'll work now:
the site (http://www.pinklightning.tk)