Laufschrift mit Bilder inklusive Links

[Kerim]

Hi Leute,

folgender Code gibt mir die angebenen Bildchen vertikal aus ...also vertikale Lauf der Bilder die jeweils nen Link beherbergen:


<script language="JavaScript" type="text/javascript">
pos=0; //Variable zum positionieren des Scrolltextes
timer=null //Variable für das Timeout
sprung=-1 //scrollweite pro functionsaufruf
zeit=50 //Zeitfolge des Functionsaufrufes in Millisekunden
Anzeigenbreite=200
Anzeigenhoehe=350
pos=Anzeigenhoehe //Variable zum positionieren des Scrolltextes
//Hier der Anzeige text
txt=""
txt=txt+"<a href=\"bilder\/brueder.jpg\" target=\"_blank\"><img border=\"0\" src=\"bilder\/brueder_t.jpg\" widht=\"100\" height=\"100\"><\/a><br>";
txt=txt+"<a href=\"bilder\/Kerim_Freund.jpg\" target=\"_blank\"><img border=\"0\" src=\"bilder\/Kerim_Freund_t.jpg\" widht=\"100\" height=\"100\"><\/a><br>";
txt=txt+"<a href=\"bilder\/Kerim_Kid.jpg\" target=\"_blank\"><img border=\"0\" src=\"bilder\/Kerim_Kid_t.jpg\" widht=\"100\" height=\"100\"><\/a><br>";
txt=txt+"<a href=\"bilder\/kidkerim.jpg\" target=\"_blank\"><img border=\"0\" src=\"bilder\/kidkerim_t.jpg\" widht=\"100\" height=\"100\"><\/a><br>";
txt=txt+"<a href=\"bilder\/soldat.jpg\" target=\"_blank\"><img border=\"0\" src=\"bilder\/soldat_t.jpg\" widht=\"100\" height=\"100\"><\/a><br>";
txt=txt+"<a href=\"bilder\/soldat1.jpg\" target=\"_blank\"><img border=\"0\" src=\"bilder\/soldat1_t.jpg\" widht=\"100\" height=\"100\"><\/a><br>";
txt=txt+"<a href=\"bilder\/soldat2.jpg\" target=\"_blank\"><img border=\"0\" src=\"bilder\/soldat2_t.jpg\" widht=\"100\" height=\"100\"><\/a><br>";
txt=txt+"<a href=\"bilder\/solda4t.jpg\" target=\"_blank\"><img border=\"0\" src=\"bilder\/soldat4_t.jpg\" widht=\"100\" height=\"100\"><\/a><br>";

function scrollitup() // zum herunterscrollen des Textes
{
if (document.layers)//wenn NS4
{
max=(document.fenster.document.fenster1.document.height)*-1;//hoehe des Textes ermitteln
if (pos>max)//wenn die momentane obere Position des Textes groeser ist als Texthöhe
{
pos=pos+sprung;
document.fenster.document.fenster1.top=pos //Text neu positionieren
}
else
pos=Anzeigenhoehe
}
else if(document.all) //IE 4+5
{
max=(document.all.fenster1.offsetHeight)*-1;//hoehe des Textes ermitteln
if(pos>max)//wenn die momentane obere Position des Textes groesser ist als Texthöhe
{
pos=pos+sprung;
document.all.fenster1.style.posTop=pos //Text neu positionieren
}
else
pos=Anzeigenhoehe
}
else if(document.getElementById)//NS6 +IE5
{
max=(document.getElementById("fenster1").offsetHeight)*-1;//hoehe des Textes ermitteln
if(pos>max) //wenn die momentane obere Position des Textes groesser ist als Texthöhe
{
pos=pos+sprung;
document.getElementById("fenster1").style.top=pos//Text neu positionieren
}
else
pos=Anzeigenhoehe
}
timer=window.setTimeout("scrollitup()",zeit)//Function ruft sich selber auf solange die Maus nicht über dem Ticker steht
}
</script>
<script language="javascript">
if(document.layers)//Wenn NS4 Layer schreiben
{
document.write('<center><layer name="fenster" left="0" top="0" clip="0,0,'+Anzeigenbreite+','+Anzeigenhoehe+'" bgColor="#99B3CC" onmouseover="clearInterval(timer)" onmouseout="scrollitup()"><layer name="fenster1" width="'+Anzeigenbreite+'" top="'+Anzeigenhoehe+'" >')
document.write(txt)
document.write('<\/layer><\/layer><\/center>');
}
else //wenn NS6 oder IE div schreiben
{
document.write('<div id ="fenster" style="position:absolute;top:0;left:0; background-color:#99B3CC;height:'+Anzeigenhoehe+';clip:rect(0,'+Anzeigenbreite+','+Anzeigenhoehe+',0);" onmouseover="clearInterval(timer)" onmouseout="scrollitup()">')
document.write('<div id="fenster1" style="position:relative;top:'+Anzeigenhoehe+'; width:'+Anzeigenbreite+'">');
document.write(txt)
document.write('<\/div><\/div>');
}
</script>


Problem ist nun das die Bilderlaufschrift erst beginnt wenn ich mit der Maus kurz drüber bin soll aber automatisch beim Start beginnen - hab das in einen TD-Tag eingebunden und sehr nett wäre wenn das ganze jemand vielleicht umbasteln könnte das ganze horizontal läuft statt vertikal.

Danke mal im Vorraus,

Kerim

 

[hedowa]

Hi,
wollte dir mitteilen, dass das bei mir funzt! >> IE6.0

Gruss

_____________________

 

[Kerim]

Klar läuft es aber leider gehen die Bilder vertikal also von unten nach oben und ich würde es gerne haben wenn sie horizontal laufen, also von rechts nach links ... zudem startet ja der Bildlauf nur wenn man kurz mit der maus auf der Bildlauffläche war

 

[hjf]

Hi Kerim!
Hast ja ganz schön fleißig geschrieben! Ich denke auch, daß sich einige Fragen erledigt haben und ich dazu auch kaum was sagen kann, jedenfalls wenn Du mit javascript arbeitest, das kann ich nämlich nicht. Mit rechtem Mausklick auf meine Seiten kannst Du Dir die Quelltexte meiner Seiten ansehen, erklären kann ich sie Dir nicht, da weiß ich viel weniger als Du. Ich arbeite mit ´nem Programm, bei dem man keine Programmierkenntnisse braucht, siehe auch:
http://forum.mywebaid.de/showthread.php?s=&threadid=9716
sondern nur Bilder in die hp legt, übereinanderstapelt und ggf noch an einem Animationspfad bewegt.
Hab mal ein kleines Beispiel gemacht für einen Animationspfad. Das Beispiel hat ein Bild, eine Schaltfläche und einen Animationspfad mit
Punkt 1: x=100,y=350 und Punkt 2: x=600,y=50.
Dann sage ich der Schaltfläche: Bewege das Bild bei Mausklick in 10 Sekunden von Punkt 1 nach Punkt 2. (Geht natürlich auch in anderen Varianten, z. B. ohne Schaltfläche: Bei Aufruf der Seite bewege das Bild z. B. von Punkt 2 nach Punkt 1 in z. B. 3 Sekunden und z. B. wiederhole das laufend)
Wenn Du mit dem Beispiel bzw mit dem Quelltext dazu was anfangen kannst, bastele ich Dir zu Deinen noch offenen Fragen, wenn ich dazu was weiß, kleine Beispiele, allerdings habe ich erst nächste Woche wieder etwas Zeit. Schreib mir dann, mit was ich Dir noch helfen kann.
Mein Animationspfadbeispiel:
http://www.hans-joachimfitting.de/Animationspfad_ie.htm

Noch ein kleines gif - Bild, vielleicht kannst Du was damit anfangen, geht auch in viel besserer Qualität. Das Bild ist mit dem Animationsshop von paintshoppro erstellt, geht ganz einfach und man kann fast alles ändern: Text, Größe, Geschwindigkeit, Font, Farbe, ... und man kann es wie jedes normale Bild benutzen.

lg joachim