Bilder als Scrollbalken?

[DevilDuckie]

Hallo,

vorweg - ich habe die Suche unter mehreren verschiedenen Begriffen benutzt, bin allerdings absolut nicht fündig geworden. Mein Problem ist folgendes... ich habe nun schon auf mehreren Homepages gesehen, dass diese jetzt keine Scrollbalken mehr benutzen, sondern quasi Bilder nehmen, die den Text im Mainframe nach oben oder unten bewegen, wenn man mit der Maus darüber fährt.

Beispiel:
http://www.moargh.de - Wenn man da auf "Artist" im Menu klickt, erscheint rechts der Mainframe. Ein Scrollbalken ist aber nicht vorhanden, stattdessen sind links davon ein hoch und ein runter Pfeil. Wenn man da mit der Maus draufgeht, bewegt sich der Text im Frame in die entsprechende Richtung.

Wie funktioniert das?
Zur Info: Ich benutze zur Erstellung Microsoft Frontpage, habe mein Design bereits geslict und auch die Bilder, die ich als die neuen Scrollbalken dann verwenden möchte, habe ich geslict.

Liebe Grüße,
Duckie

 

[Maik]

Hierfür benötigst Du Javascript.

Such mal im Javascript-Forum nach iFrame mit Javascript scrollen, da solltest du was entsprechendes finden.

 

[DevilDuckie]

Okay, das habe ich jetzt gemacht und ich hab durch die meisten Threads wieder jede Menge Hinweise zur Suchenfunktion gefunden War auch auf einer Seite, wo das mit dem div-Scroller erklärt wurde, die hier verlinkt war. Das scheint eigentlich genau das zu sein, was ich suche, blöderweise war die auf Englisch & darin bin ich eine Niete... kann mir das nicht jemand ganz kurz erklären? Von mir aus auf per Privatnachricht, damit das hier nicht so voll wird.

 

[Maik]

Dann probier es mal mit diesem Lösungsbeispiel -> Scrollable Content.

 

[Maik]

Oder Du verwendest das Scroller-Script aus der genannten Seite

Das Script wird in den Dokumenten eingebunden, die in dem iFrame angezeigt werden:

<script type="text/javascript">

//Scrollable content III- By http://www.dynamicdrive.com

var speed, currentpos=curpos1=0,alt=1,curpos2=-1

function initialize()        {
                        if (window.parent.scrollspeed!=0)
                                {
                                speed=window.parent.scrollspeed
                                scrollwindow()
                                }
                        }

function scrollwindow()        {
                        temp=(document.all)? document.body.scrollTop : window.pageYOffset
                        alt=(alt==0)? 1 : 0
                        if (alt==0)
                        curpos1=temp
                        else
                        curpos2=temp
                        window.scrollBy(0,speed)
                        }

setInterval("initialize()",10)

</script>

Und in die Seite mit dem iFrame kommen die beiden Grafik-Links zum Scrollen:

<a href="#" onMouseover="scrollspeed=-2" onMouseout="scrollspeed=0"><img src="slices/scrolling_up.jpg"></a>

<a href="#" onMouseover="scrollspeed=2" onMouseout="scrollspeed=0"><img src="slices/scrolling_down.jpg"></a>