WinFuture-Forum.de: Was Ist An Diesem Code Falsch? - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Was Ist An Diesem Code Falsch? Code für eine Mauszeigeranimation


#1 Mitglied ist offline   BerziOnline 

  • Gruppe: aktive Mitglieder
  • Beiträge: 53
  • Beigetreten: 08. Februar 05
  • Reputation: 0

geschrieben 05. Mai 2005 - 20:45

Servus!!!
Hab auf meiner Seite folgenden Code eingebunden:

</head>
<div id="span0" style="position:absolute;visibility:hidden;"><img src="D:\HÜTTEN-HP\HP-Gifs\12.gif"></div>
<div id="span1" style="position:absolute;visibility:hidden;"><img src="D:\HÜTTEN-HP\HP-Gifs\12.gif"></div>

<div id="span2" style="position:absolute;visibility:hidden;"><img src="D:\HÜTTEN-HP\HP-Gifs\12.gif"></div>
<div id="span3" style="position:absolute;visibility:hidden;"><img src="D:\HÜTTEN-HP\HP-Gifs\12.gif"></div>
<div id="span4" style="position:absolute;visibility:hidden;"><img src="D:\HÜTTEN-HP\HP-Gifs\12.gif"></div>
<div id="span5" style="position:absolute;visibility:hidden;"><img src="D:\HÜTTEN-HP\HP-Gifs\12.gif"></div>
<div id="span6" style="position:absolute;visibility:hidden;"><img src="D:\HÜTTEN-HP\HP-Gifs\12.gif"></div>
<div id="span7" style="position:absolute;visibility:hidden;"><img src="D:\HÜTTEN-HP\HP-Gifs\12.gif"></div>
<div id="span8" style="position:absolute;visibility:hidden;"><img src="D:\HÜTTEN-HP\HP-Gifs\12.gif"></div>
<script>
<!--
// CREDITS:
// Bikini Cursor Trailer
// by Urs Dudli and Peter Gehrig
// Copyright (c) 2001 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
// [email protected]
// 4/18/2002

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a link to http://www.24fun.com on the webpage
// where this script will be running.

var step=8
var stepbasic=8
var numberofimages=8
var spacebetweenimgs=30
var x,y,x_old
var flag=0
var xpos=new Array()

var ns6=document.getElementById&&!document.all?1:0

for (i=0;i<=8;i++) {
        xpos[i]=-100
}

var ypos=new Array()
for (i=0;i<=numberofimages;i++) {
        ypos[i]=-100
}

function handlerMM(e) {
        x = (document.layers || ns6) ? e.pageX : document.body.scrollLeft+event.clientX
        y = (document.layers || ns6) ? e.pageY : document.body.scrollTop+event.clientY
        flag=1
}

function initiatetracker() {
        if (document.all) {
                for (i=0; i<numberofimages; i++) {
                    var thisspan=eval("span"+(i)+".style")
                        thisspan.posLeft=xpos[i]
                        thisspan.posTop=ypos[i]
                    thisspan.visibility="visible"
            }
                makesnake()
        }

   if (ns6) {
                for (i=0; i<numberofimages; i++) {
                        document.getElementById("span"+i).style.left=xpos[i]
                        document.getElementById("span"+i).style.top=ypos[i]
                    document.getElementById("span"+i).style.visibility="visible"
            }
                makesnake()
        }
        if (document.layers) {
                for (i=0; i<numberofimages; i++) {
                    var thisspan=eval("document.span"+i)
                        thisspan.left=xpos[i]
                        thisspan.top=ypos[i]
                        thisspan.visibility="visible"
                }
                x_old=x
            makesnake()
        }
}

function makesnake() {
         if (x_old==x) {spacebetweenimgs--}
        else {spacebetweenimgs+=5}
        if (spacebetweenimgs>=30) {spacebetweenimgs=30}
        if (spacebetweenimgs<=0) {spacebetweenimgs=0}
        window.status=spacebetweenimgs

        if (flag==1 && document.all) {
            for (i=numberofimages; i>=1; i--) {
                           xpos[i]=xpos[i-1]+spacebetweenimgs
                        ypos[i]=ypos[i-1]
            }
                xpos[0]=x+stepbasic
                ypos[0]=y

                for (i=0; i<numberofimages; i++) {
                    var thisspan = eval("span"+(i)+".style")
                    thisspan.posLeft=xpos[i]
                        thisspan.posTop=ypos[i]
            }
        }

    if (flag==1 && ns6) {
            for (i=numberofimages; i>=1; i--) {
                           xpos[i]=xpos[i-1]+spacebetweenimgs
                        ypos[i]=ypos[i-1]
            }
                xpos[0]=x+stepbasic
                ypos[0]=y

                for (i=0; i<numberofimages; i++) {
                    document.getElementById("span"+i).style.left=xpos[i]
                        document.getElementById("span"+i).style.top=ypos[i]
            }
        }

        else if (flag==1 && document.layers) {
            for (i=numberofimages; i>=1; i--) {
                           xpos[i]=xpos[i-1]+spacebetweenimgs
                        ypos[i]=ypos[i-1]
            }
                xpos[0]=x+stepbasic
                ypos[0]=y

                for (i=0; i<numberofimages; i++) {
                    var thisspan = eval("document.span"+i)
                    thisspan.left=xpos[i]
                        thisspan.top=ypos[i]
            }
        }
        x_old=x
        var timer=setTimeout("makesnake()",30)
}

if (document.layers){
        document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=handlerMM;
window.onload=initiatetracker
//-->
</script>


<br><br>
</td></tr></table>
</body></html>


Dieser Code ist dafür,dass neben dem Mauszeiger mehrere Bilder wie eine Fahne wehen...In der Vorschau der Seite funktioniert alles perfekt,aber sobald ich die Seite hochlade kann er die Bilder net finden uns zeigt sie net an!
Vielleicht liegt es ja an der Quellenangabe der Bilder,weil solange er von der Festplatte startet geht es ja,aber ausm Internet dann nicht mehr...was könnte ich ändern?
Danke!!!
0

Anzeige



#2 Mitglied ist offline   DK2000 

  • Gruppe: Administration
  • Beiträge: 19.795
  • Beigetreten: 19. August 04
  • Reputation: 1.434
  • Geschlecht:Männlich
  • Wohnort:Oben auf dem Berg
  • Interessen:Essen, PC, Filme, TV Serien...

geschrieben 05. Mai 2005 - 20:56

Da liegt der Fehler:

Zitat

<div id="span0" style="position:absolute;visibility:hidden;"><img src="D:\HÜTTEN-HP\HP-Gifs\12.gif"></div>


Du verwendest Absolute Pfade, die zudem noch auf deine Festplatte zeigen.

Wenn Du das auf den Server lädst, sind Relative Pfade oder keine Pfade besser:

<div id="span0" style="position:absolute;visibility:hidden;"><img src="12.gif"></div>

Wenn das Bild im selben Verzeichnis liegt, wie die html

<div id="span0" style="position:absolute;visibility:hidden;"><img src="HP-Gifs/12.gif"></div>

Wenn die Bilder im Verzeichnis HP-Gifs liegen. Das Verzeichnis HP-Gifs liegt im selben Verzeichnis wie die html

<div id="span0" style="position:absolute;visibility:hidden;"><img src="../HP-Gifs/12.gif"></div>

Wenn das Verzeichnis HP-Gifs eine ebene Höher liegt, als die hlml.

Das musst Du bei allen Zeilen entsprechend ändern.

Dieser Beitrag wurde von DK2000 bearbeitet: 05. Mai 2005 - 21:04

Ich bin kein Toilettenpapier-Hamster.
---
Ich bin ein kleiner, schnickeldischnuckeliger Tiger aus dem Schwarzwald.
Alle haben mich ganz dolle lila lieb.
0

#3 Mitglied ist offline   BerziOnline 

  • Gruppe: aktive Mitglieder
  • Beiträge: 53
  • Beigetreten: 08. Februar 05
  • Reputation: 0

geschrieben 05. Mai 2005 - 22:14

Danke!!! Ich werds mal testen!!!
0

#4 Mitglied ist offline   sTyle 

  • Gruppe: aktive Mitglieder
  • Beiträge: 303
  • Beigetreten: 23. Juni 04
  • Reputation: 0

geschrieben 05. Mai 2005 - 22:17

ausserdem solltest du keine umlaute verwenden im pfad
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0