Scroll med et billede..

Læg knapperne udenfor det område, som scroller !-)

ok tak for det .. hehe det var ret simpelt.. det får du lige point for!

Jeg har så fundet ud af ved at bruge en funktion der hedder

function pageScroll() {
        window.scrollBy(50,0);
        scrolldelay = setTimeout('pageScroll()',1000); // scrolls every 1000 milliseconds
}

kan man få den til glidende scroll. Men nu bliver den så ved i al uendelighed, så når man prøver at scrolle tilbage så scroller den automatisk frem igen.. Der er så det her script der stopper den

function stopScroll() {
        clearTimeout(scrolldelay);
}

men så skal man først trykke på en knap for at stoppe, og det er jo upraktisk.. Er der på nogen måde man kan få det der stopscript kodet ind i pagescroll script?

F.eks.

var scrollMax=300,actScroll=0;

function initScroll(){
  actScroll = 0;
  pageScroll();
}

function pageScroll() {
  window.scrollBy(50,0);
  actScroll += 50;
  if(actScroll<scrollMax)
    scrolldelay = setTimeout('pageScroll()',1000);
}

-- og så kalder man initScroll i stedet for pagescroll ...

-- og lidt udbygget:

function initScroll(dir){
  actScroll = 0;
  pageScroll();
}

function pageScroll(dir) {
  window.scrollBy(dir*50,0);
  actScroll += 50;
  if(actScroll<scrollMax)
    scrolldelay = setTimeout('pageScroll('+dir+')',1000);
}

og så med hhv. initScroll(1) og initScroll(-1) !-)

-- og velbekomme '-)

Tak for point ;~}

Du er altså rimelig vild til det her.. :)

Kan du forklare den dr kode lidt nærmere, fordi kan ikke lige få den til at fungere.. hvilken en af dem skal jeg bruge?

<td align="center">&nbsp;<img border="0" src="../images/leftarrow.jpg" width="25" height="25" onclick="initScroll(-1);" style="cursor:pointer;">
  <img border="0" src="../images/rightarrow(1).jpg" width="25" height="25" onclick="initScroll(1);" style="cursor:pointer;"></td>

-- og så kun:

<script language="JavaScript" type="text/javascript">
var scrollMax=200,actScroll=0;

function initScroll(dir){
  actScroll = 0;
  pageScroll();
}

function pageScroll(dir) {
  window.scrollBy(dir*50,0);
  actScroll += 50;
  if(actScroll<scrollMax)
    scrolldelay = setTimeout('pageScroll('+dir+')',1000);
}
</script>

Uff ...

function initScroll(dir){
  actScroll = 0;
  pageScroll(dir);
}

Ja ok.. det virker også ..

men nu er problemet bare at jeg ikke kan bruge target, så jeg kan ikke placere knapperne ud af iframen.. hvordan ordner man det?

function pageScroll(dir) {
  window.frames['I4'].scrollBy(dir*50,0);
  actScroll += 50;
  if(actScroll<scrollMax)
    scrolldelay = setTimeout('pageScroll('+dir+')',1000);
}

det er for sindssygt.. hehe.. hmm kan jeg ikk oprette et spørgsmål til hvor du får flere point, eller er det ligemeget?

Du har jo godt nok smidt rigeligt med point allerede !-)

ja ok .. det er rigtig nok;)


jeg tænkte lidt på hvad hvis man nu vil have vertikal scroll, er det så samme kode, hvor man bare ændrer window.frames['I4'].scrollBy(dir*50,0); til window.frames['I4'].scrollBy(dir*0,50);

Næh, så til:

window.frames['I4'].scrollBy(0,dir*50);