PDA

View Full Version : script not working



Jess8181
01-27-2010, 08:37 PM
1) Script Title: bouncing images

2) Script URL (on DD):http://www.dynamicdrive.com/dynamicindex/bounceimage.htm

3) Describe problem: I have 2 problems with this script, I'm new to this so bear with me. The first problem is that I can install the script and view it in the preview mode on my site, but after I save and reopen the file, the code is not working.

The second problem is that I cannot get my scroll bars to work when I use this script. any help would be great:)

bluewalrus
01-27-2010, 08:56 PM
Need link or code

Jess8181
01-28-2010, 07:25 PM
oh of course sorry here it is

<script language="javascript" type="text/javascript">
<!-- Beginning of JavaScript -

// CREDITS:
// FlyingPictures by Urs Dudli and Peter Gehrig
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com
// info@24fun.ch
// 8/30/2000

//Provided free at http://www.lissaexplains.com (with permission)


// URLs of floating images. Add as many images as you like.
// ATTENTION: Too many images will slow down the floating effect)
var your_image=new Array()
your_image[0]="star.gif"
your_image[1]="star.gif"
your_image[2]="star.gif"
your_image[3]="star.gif"
your_image[4]="star.gif"


// You may add links for each image separately.
// In case you do not want to link a picture just add a '#' instead of an URL (see sample below)
var your_image_link=new Array()
your_image_link[0]="#"
your_image_link[1]="#"
your_image_link[2]="#"
your_image_link[3]="#"
your_image_link[4]="#"


// average speed of the floating images. Higher means faster. Change ONLY the number below.
var floatingspeed=5

// do not edit the variables below
var tempo=20
var numberofimages=your_image.length-1
var stepx=new Array()
var stepy=new Array()
for (i=0;i<=numberofimages;i++) {
stepx[i]=randommaker(floatingspeed)
stepy[i]=randommaker(floatingspeed)
}
var imgwidth=new Array()
var imgheight=new Array()
for (i=0;i<=numberofimages;i++) {
imgwidth[i]=10
imgheight[i]=10
}
var x,y
var marginbottom
var marginleft=0
var margintop=0
var marginright
var timer
var spancontent=new Array()
var imgpreload=new Array()
for (i=0;i<=your_image.length;i++) {
imgpreload[i]=new Image()
imgpreload[i].src=your_image[i]
}

for (i=0;i<=numberofimages;i++) {
spancontent[i]="<a href='"+your_image_link[i]+"'><img src='"+your_image[i]+"' border='0'></a>"
}

function setValues() {
if (document.all) {
marginbottom=document.body.clientHeight-5
marginright=document.body.clientWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.all.span"+i)
thisspan.innerHTML=spancontent[i]
var thisspan = eval("document.all.span"+(i)+".style")
thisspan.posLeft=randommaker(marginright)
thisspan.posTop=randommaker(marginbottom)
}
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.all.span"+i)
imgwidth[i]=thisspan.offsetWidth
imgheight[i]=thisspan.offsetHeight

}
checkmovement()
}
if (document.layers) {
marginbottom=window.innerHeight-5
marginright=window.innerWidth-5
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.span"+i+".document")
thisspan.write(spancontent[i])
thisspan.close()
var thisspan=eval("document.span"+i)
thisspan.left=randommaker(marginright)
thisspan.top=randommaker(marginbottom)
}
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.span"+i+".document")
imgwidth[i]=thisspan.width
imgheight[i]=thisspan.height
}
checkmovement()
}
}

function randommaker(range) {
rand=Math.floor(range*Math.random())
if (rand==0) {rand=Math.ceil(range/2)}
return rand
}

function checkmovement() {
if (document.all) {
checkposition()
movepictures()
timer=setTimeout("checkmovement()",tempo)
}
if (document.layers) {
checkposition()
movepictures()
timer=setTimeout("checkmovement()",tempo)
}
}

function movepictures() {
if (document.all) {
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.all.span"+(i)+".style")
thisspan.posLeft+=stepx[i]
thisspan.posTop+=stepy[i]
}
}
if (document.layers) {
for (i=0;i<=numberofimages;i++) {
var thisspan = eval("document.span"+i)
thisspan.left+=stepx[i]
thisspan.top+=stepy[i]
}
}
}

function checkposition() {
if (document.all) {
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.all.span"+i+".style")
if (thisspan.posLeft>marginright-imgwidth[i]) {
thisspan.posLeft-=Math.abs(stepx[i]+1)
stepx[i]=randommaker(floatingspeed)*-1
}
if (thisspan.posLeft<marginleft) {
thisspan.posLeft+=Math.abs(stepx[i])
stepx[i]=randommaker(floatingspeed)
}
if (thisspan.posTop>marginbottom-imgheight[i]) {
thisspan.posTop-=Math.abs(stepy[i])
stepy[i]=randommaker(floatingspeed)*-1

}
if (thisspan.posTop<margintop) {
thisspan.posTop+=Math.abs(stepy[i])
stepy[i]=randommaker(floatingspeed)
}
}
}
if (document.layers) {
for (i=0;i<=numberofimages;i++) {
var thisspan=eval("document.span"+i)
if (thisspan.left>marginright-imgwidth[i]) {
thisspan.left-=Math.abs(stepx[i]+1)
stepx[i]=randommaker(floatingspeed)*-1
}
if (thisspan.left<marginleft) {
thisspan.left+=Math.abs(stepx[i])
stepx[i]=randommaker(floatingspeed)
}
if (thisspan.top>marginbottom-imgheight[i]) {
thisspan.top-=Math.abs(stepy[i])
stepy[i]=randommaker(floatingspeed)*-1

}
if (thisspan.top<margintop) {
thisspan.top+=Math.abs(stepy[i])
stepy[i]=randommaker(floatingspeed)
}
}
}
}

// - End of JavaScript - -->
</script>

<body id="thisbody" bgcolor="#ffffff" onLoad="setValues()" style="width:100%;overflow-x:hidden;overflow-y:hidden">
<script language="javascript" type="text/javascript">
<!-- Beginning of JavaScript -

for (i=0;i<=numberofimages;i++) {
document.write("<span id='span"+i+"' style='position:absolute'></span>")
document.close()
}

// - End of JavaScript - -->
</script>

Jess8181
01-28-2010, 07:27 PM
I descided to try another very similar script which you see above and it is still doing the same exact thing.