Billede slideshow fra siden

Tags:    javascript slideshow billede webeffect html

Halløjsa.

Jeg har sat og kigget lidt på nettet og fundet et slideshow script jeg nogenlunde kan bruge. Det er bare for avanceret hvis man kan sige det sådan :)

http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/

Det viser både thumbnail, og det er i en div med skygger og farver. Findes der ikke noget der er lidt mere simpelt?

Har egentlig bare brug for at få vist 8-10 forskellige billeder automatisk, og fra den ene side til den anden. Jeg ønsker ikke thumbnail, og/eller nogle knapper der kan videresende en hen til det næste billede. Det skal bare foregå helt automatisk (og hele tiden) efter f.eks 10 sekunder.



Har ikke så meget javascript erfaring, men alt kan vel læres :)

De bedste hilsner.

Michael Bay Sørensen




Indlæg senest redigeret d. 03.04.2012 20:21 af Bruger #17141
7 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 5 karma
Sorter efter stemmer Sorter efter dato
Hvis du søger noget simpelt, kan jQuery Cycle klart anbefales: http://jquery.malsup.com/cycle/

Mange mulige effekter, men kan også tilpasses til at være så simpelt som du ønsker det. Der er rigelig dokumentation på siden og det er ufatteligt simpelt at implementere.

Hvis du ønsker lidt mere "fancy" effekter, men stadig god mulighed for at lave det som du vil have det, skal du kigge nærmere på Nivo slider: http://nivo.dev7studios.com/

Der er også en nogenlunde dokumentation på siden til at få dig igen - dog lidt flere filer du skal holde øje med eftersom der både er CSS og billeder med til Nivo :-)



Nu er det jo en tutorial - en step by step guide - du linker til...

Mon ikke du kan gå igennem den og konfigurere dit slut-resultat som du ønsker det? ;)



Indlæg senest redigeret d. 03.04.2012 20:55 af Bruger #10216
Selvfølgelig kan alt læres.

Alle de forskellige skyggeeffekter der er på, er helt almindelig css, så du kan jo bare vælge at undlade det.

Dernæst kan du også vælge at undlade de der thumbnails og i stedet få den til at skifte automatisk via jquery.
Søg evt. på google via noget a la "jquery auto slide".



Hvis du søger noget simpelt, kan jQuery Cycle klart anbefales: http://jquery.malsup.com/cycle/

Mange mulige effekter, men kan også tilpasses til at være så simpelt som du ønsker det. Der er rigelig dokumentation på siden og det er ufatteligt simpelt at implementere.

Hvis du ønsker lidt mere "fancy" effekter, men stadig god mulighed for at lave det som du vil have det, skal du kigge nærmere på Nivo slider: http://nivo.dev7studios.com/

Der er også en nogenlunde dokumentation på siden til at få dig igen - dog lidt flere filer du skal holde øje med eftersom der både er CSS og billeder med til Nivo :-)


Det der ser rigtig godt ud. Jeg vil prøve og se om jeg kan få den der "scrollRight" til at virke automatisk, altså sådan at man ikke skal trykke på billedet, men at den selv gør det efter et antal sekunder. Det lader til at det er noget jeg kan bruge. Har allerede implementeret jQuery til et andet fading resultat. Det virker også fint nok.

Nivo ser ud til at være alt for avanceret for mig. Men jeg vil forsøge mig. Mange tusind tak!

Update 18.40 - Nå. Det ser ud til at virke rigtig godt. Det er meget let forståeligt. Det er hvertfald noget jeg lige kan gå til, og jeg synes det er nemmere end det andet jeg har fundet... Lige en side bemærkning. Hvis jeg har et spørgsmål ang. Mouseover effekt, skal jeg så oprette en ny tråd? Jeg har en fornemmelse at det også er javascript.

Vil f.eks gerne ha lavet sådan at når man markere nogle ikoner nederst på siden, så skal de lige rykke sig selv en tak op ad. Hvis ikonet er 35*35 skal den lige rykkes 35 op når man markere, og ned på sin rigtige plads igen når jeg går væk fra markeringen...




Indlæg senest redigeret d. 04.04.2012 18:40 af Bruger #17141
Det kommer an på om du vil bruge CSS3 eller om du vil bruge javascript. Det kan også gøres med css2, men så får du ingen animation.



Det skal du oprette en ny tråd med - husk i øvrigt at vælge den tråd der hedder noget med hjælp og ikke debat :-)



Det kommer an på om du vil bruge CSS3 eller om du vil bruge javascript. Det kan også gøres med css2, men så får du ingen animation.


Det du har skrevet kan jeg ikke se hvordan jeg skal få til at virke, men jeg opretter en ny tråd for at skabe mindre forvirring :-)



t