Avatar billede Kristen, WebsiteGo Juniormester
30. december 2024 - 17:47 Der er 6 kommentarer og
1 løsning

Nogle ideer til at animere et billede ved brug af scroll funktion

Hej Eksperten.
Jeg har en kunde, der gerne vil opleve en animering a lá hvordan Apple fremviser deres mobil telefoner.
Jeg kender til denne funktion (rul lidt ned ad siden og kig efter et roterende ur), hvor man scroller, og så bevæger billedet sig efter hvor meget man scroller: https://websitego.dk/opret-en-webshop/
Er der nogen her, der har andre ideer eller kender et plugin, der kan gøre andet end denne funktion?
Jeg tænker, der må være nogle, der har udviklet det i stedet for at starte fra scratch.
På forhånd tak for jeres input.
Venlig hilsen
Kristen
Avatar billede 220661 Ekspert
30. december 2024 - 18:12 #1
Ud fra hvad jeg kan finde ud af er spørgsmålet blot lokkemad til at klikke på egen webside.
Avatar billede Kristen, WebsiteGo Juniormester
30. december 2024 - 19:26 #2
Hej ekspert 220661.
Tak for dit bud - der desværre ikke kan bruges.
Jeg prøver derfor at spørge de andre, seriøse deltagere om der er nogen, der har et bud på et plugin eller lignende, der kan simulere nogle af de animeringer, der findes på f.eks. apple.com under iPhones.
Forslag modtages med glæde.
Venlig hilsen
Kristen
Avatar billede keysersoze Ekspert
30. december 2024 - 21:18 #3
Avatar billede Kristen, WebsiteGo Juniormester
31. december 2024 - 06:52 #4
Tak Keysersoze.
Den vil jeg kigge nærmere på.
Vh. Kristen
Avatar billede Kristen, WebsiteGo Juniormester
31. december 2024 - 08:18 #5
Hej igen Keysersoze.
Jeg har tjekket koden i eksemplet, og kan se at det er en videosekvens, apple, har udviklet, som man blot kører igennem et javascript.
Det må betyde, at det er videoen man får til at udføre de ønskede animationer og så bruger man et simpelt scroll-element.
Tak for oplysningen!

Venlig hilsen
Kristen
Avatar billede keysersoze Ekspert
31. december 2024 - 11:01 #6
Hvad på Apple under iphones animerer ved scroll? Der er godt nok en video i toppen men den kører bare i loop uanset scroll og så animerer mange elementer ind ved scroll men kun første gang.
Avatar billede Kristen, WebsiteGo Juniormester
31. december 2024 - 11:54 #7
Det jeg mener er at scroll funktionen igangsætter en handling, som nogle gange kan køres baglæns og nogle gange blot kører filmen.
Ford havde det på et tidspunkt på deres kampagneside for Ford Explorer, hvor man zoomede ind på midterskærmen, mens der kørte en animation på skærmen. Man kunne scrolle frem og tilbage og derved zoome ind og ud af det billede, mens animationen på skærmen fortsatte med at køre.
Summa summarum er jeg rundt regnet overbevist om at det ikke så meget er scroll funktionen, men selve video optagelsen, der er afgørende for animations effekten.
Endnu en gang - tak for hjælpen :-)
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