Avatar billede thettothej Nybegynder
10. januar 2008 - 22:26 Der er 8 kommentarer og
1 løsning

Javascript, som kan scrolle en gif

Hej

Jeg er ny herinde, men har ofte læst med :-)

Jeg sidder med en opgave, jeg skal have løst - er ikke helt på bar bund, men så godt som, vil jeg sige.

http://www.quirksmode.org/js/layerscroll.html

Ovenstående link beskriver mere eller mindre det, jeg søger. Hvis I klikker ind og begynder at scrolle ned, vil I opdage, at menuen følger med ned og ligeledes følger med op til sin oprindelige position, når man scroller op igen.

Jeg har indtryk af, at den kode derinde (som iøvrigt forklarer hvordan det virker) er alt for omfattende til den ene opgave, jeg skal have løst. Jeg søger blot et script, som kan få en gif til at følge med ned og igen følge med op til oprindelig position, når man scroller op til top igen. På ovenstående link er der tale om en helt menu, hvilket jeg slet ikke har brug for.

Jeg kunne forestille mig, at det var lavet før, men jeg har googlet på livet løs, og det tætteste jeg kom, var det på ovenstående link.

Håber I kan hjælpe mig!

På forhånd mange tak!
Avatar billede w13 Novice
11. januar 2008 - 10:37 #1
Du kan evt. bare sætte:
style="position:fixed;top:100px;left:100px"
på den. Det burde kunne gøre tricket. Så skal du self. bare rette top og left.
Avatar billede thettothej Nybegynder
11. januar 2008 - 11:59 #2
Okay, tak. Er det muligt, du gider uddybe?

style="position:fixed

Vil denne stump kode gøre således den scroller med ned, når man scroller og ligeledes med op? (og altid ligge i toppen af browser, indtil man scroller op til den oprindelige position).

Kan det skrives i ens header på en html-side, og hvordan refereres der til min GIF?

Beklager min uvidenhed! :-)
Avatar billede w13 Novice
11. januar 2008 - 12:02 #3
position:fixed; betyder, at det er placeret i forhold til toppen af skærmen. Så selvom du scroller ned, vil det stadig stå i samme afstand fra skærmtoppen, og derfor rykkes det med.

Du kan f.eks. bruge det sådan her:

<img style="position:fixed;top:30px;left:50px" src="billede.gif">

Eller flere ting:

<div style="position:fixed;top:30px;left:50px">
  <img src="billede.gif"><br>
  Tekst her!
</div>
Avatar billede w13 Novice
11. januar 2008 - 12:02 #4
Og tak for point! :)
Avatar billede thettothej Nybegynder
11. januar 2008 - 12:43 #5
OK - det begynder at hjælpe på det!

Problemet er bare, at GIF'ens oprindelige placering måske er 300px fra top normalt. Når du så scroller nedad siden og kommer forbi den her GIF, SÅ skal det hoppe i toppen af browser og blive der, indtil man scroller op igen, og når til dens oprindelige position.

Giver det mening?

Hvis du kigger på det link, jeg gav i første indlæg, er menuen også placeret x antal px fra top fra start, men når du scroller nedad, er den længere fra top. :-)
Avatar billede w13 Novice
11. januar 2008 - 13:15 #6
Ok, så var du for hurtig til at give mig point. =)

Det kan slet ikke gøres på denne her måde så, og jeg kan ikke lige nu stykke noget sammen, som løser det.

Du kan få pointene igen her: http://www.eksperten.dk/spm/814143
Avatar billede thettothej Nybegynder
11. januar 2008 - 13:25 #7
Hehe ja, det var jeg nok - er som sagt ny bruger herinde og troede ikke den gav point, da jeg accepterede dit svar - blot at det var et svar, der var løsningen nærmere. Min fejl. =)

Er der nogen andre, som vil være behjælpelig med mit problem? :-(
Avatar billede w13 Novice
11. januar 2008 - 13:44 #8
Du bør nok oprette et nyt spørgsmål, så du kan udlove pointene igen. Ellers er det ikke sikkert, der er særlig mange, der vil hjælpe.
Avatar billede thettothej Nybegynder
11. januar 2008 - 14:03 #9
Nej okay - tak for hjælpen på flere punkter, w13. Appreciate it!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester