Antworten zu häufig gestellten Homepage-Fragen
 Alle Anleitungen
Einige Anleitungen
Intern
Kostenl. Partnerlinks
[,__,] Druckversion

Hinweis: Die Website Homepage-FAQs.de befindet sich seit 2012 im Archivmodus, d.h. sie wird nicht mehr aktualisiert.
FAQS zu HP&Co.
Lauftexte (auch mit Bildern) in Javascript, horizontal und vertikal, mit Stop bei Mouseover, läuft auch bei Firefox


A) Läuft horizontal (mit Mouseoverstop), Script unter http://www.dynamicdrive.com/dynamicindex2/cmarquee.htm

Anleitung:

Das Script kommt in den Bodybereich der Homepage und zwar an die Stelle wo der Lauftext (auch mit Bildern) laufen soll.

Die Inhalte setzt man an dieser Stelle ins Script (Inhalt im Beispiel rot markiert)

var marqueecontent='<nobr><font face="Arial">Test für Bilder <img src="kirche-im-schnee.gif" width="194" height="203" alt="grafik"></font></nobr>'

Weitere Einstellungen werden hier vorgenommen
(im Beispiel rot markiert)

//Specify the marquee's width (in pixels)
var marqueewidth="300px"
//Specify the marquee's height
var marqueeheight="203px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=2
//configure background color:
var marqueebgcolor="#DEFDD9"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1

bei
var marqueewidth="300px" die Breite, bei var marqueeheight="203px" die Höhe und bei var marqueespeed=2 die Geschwindigkeit. Ausserdem kann die Hintergrundfarbe sowie der Stopp bei Mouseover (beim Überfahren mit der Maus) eingestellt werden.

Testseite mit Text und Bild unter

http://www.homepage-faqs.de/1-test-javascript-horizontal-scroller/test-javascript-scroller-horizontal.html

Hinweis: Bei IE7, Firefox 3 und Opera 9 geht es, auch mit Bild.


B) Läuft vertikal (mit Mouseoverstop) > http://www.dynamicdrive.com/dynamicindex2/cmarquee2.htm

Anleitung: Es gibt 2 Codeabschnitte.

1.) Der erste
Codeabschnitt kommt in den Headbereich der Homepage, also im Quelltext nach <head> einsetzen, hierbei werden an dieser Stelle

var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?

die Einstellungen vorgenommen (im Beispiel rot markiert).

2.) D
er zweite Codeabschnitt kommt an die Stelle im Bodybereich, wo der Lauftext (auch mit Bildern) erscheinen soll, mit CSS kann der Div-Container positioniert werden.

Den Inhalt setzt man im zweiten Codeabschnitt hier ein
(Inhalt im Beispiel rot markiert)

<div id="marqueecontainer" onmouseover="copyspeed=pausespeed" onmouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="position: absolute; width: 98%;">

<!--YOUR SCROLL CONTENT HERE-->
<h4>Your scroller
contents</h4>
<img style="width: 15px; height: 15px;" alt="Grafik" src="61.gif"><br><img style="width: 194px; height: 203px;" alt="grafik2" src="kirche-im-schnee.gif">

<!--YOUR SCROLL CONTENT HERE-->
</div>

</div>

Testseite mit Text und Bildern

http://www.homepage-faqs.de/1-test-javascript-vertikaler-scroller/test-vertikaler-scroller-text-bild.html

Hinweis: Bei IE7 und Firefox 3 geht es, bei Opera 9 geht es nicht!

Anleitung (C) 2008 Daniel Wurst - http://www.homepage-faqs.de