Results 1 to 4 of 4

Thread: script not working

  1. #1
    Join Date
    Jan 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default script not working

    1) Script Title: bouncing images

    2) Script URL (on DD):http://www.dynamicdrive.com/dynamici...ounceimage.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

  2. #2
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    Need link or code
    Corrections to my coding/thoughts welcome.

  3. #3
    Join Date
    Jan 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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>

  4. #4
    Join Date
    Jan 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I descided to try another very similar script which you see above and it is still doing the same exact thing.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •