CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede shjorth Nybegynder
16. september 2010 - 02:30 Der er 3 kommentarer og
1 løsning

Slide div horizontalt

Hejsa

Er der nogen der kender til en "slide" effekt hvor man kan "slide en div horizontalt".

Med andre ord skal jeg bruge en "next" knap der "slider" en ny div ind i billedet, og erstatter den gamle.

jQuery ville klare være at foretrække, men det eneste jeg kan finde er en vertikal slide funktion.

Takker mange gange
Avatar billede stoffer Nybegynder
16. september 2010 - 05:29 #1
http://sixrevisions.com/demo/slideshow/final.html

http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/

selv har jeg brug jquery cycle plugin:

http://jquery.malsup.com/cycle/scrollhv.html
Avatar billede shjorth Nybegynder
16. september 2010 - 16:29 #2
Tak for svar.

Jeg har forsøgt mig med denne: http://jquery.malsup.com/cycle/div.html

Fungerer perfekt, men jeg kan ikke helt gennemskue hvordan jeg kan arbejde med den paging der.
Hvad jeg godt kunne tænke mig er en pil (højre-venstre), men det ser ikke ud som om det er muligt, da den selv generer #nav
Avatar billede shjorth Nybegynder
16. september 2010 - 16:35 #3
Problem løst :)
Avatar billede stoffer Nybegynder
16. september 2010 - 16:35 #4
Hey. Nej det kan du sagtens:

Du skal blot pege på div i options:

prev:  '#slider_prev',
next:  '#slider_next',

Du kan se alle muligheder her:

http://malsup.com/jquery/cycle/options.html

Kig lidt eksempler igennem på forsiden:

http://malsup.com/jquery/cycle/

Så kan du se hvordan options bruges...
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hente og gemme Cookies like this. Af DanishBear i JavaScript 6 04/06/202416:23 05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript 2 21/05/202417:19 27/05/202410:59
Disable button efter 1. klik Af nemlig i JavaScript 2 05/05/202415:37 05/05/202416:25
Beregning af sum via PHP og SQL Af dane022 i JavaScript 3 10/02/202421:38 12/02/202409:41
Kode der tjekker telefonnummer i formular Af Asky i JavaScript 2 27/12/202321:42 28/12/202314:41
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 22:42 2 x A3 = A2 pdf Af lurup i Billedbehandling
I går 18:53 Outlook ændrer skift efter afsendelse Af OskarL i E-mail programmer
I går 18:06 Strømtab på slukket bærbar Af valby i Windows
14/0623:56 Sum af forskellige celler Af lurup i Excel
14/0614:57 Outlook 2016 Af Erbak i E-mail programmer
White papers
Flere white papers »


Premium
Teaser billede
Virksomheder af en vis størrelse får det svært i AI-ræset: Men bestemte tiltag kan sende dem frem i feltet
Læs mere »
På Bornholm jagter Computerworld bekymret svar på det store spørgsmål
NIS2-implementeringen er nu i gang: Varsler omfattende tilsyn og store bøder
Staten mister i stor stil teknisk kyndige it-folk: Vigtig viden om samfundskritiske systemer overlades til konsulenter
Se alle »
Computerworld
Teaser billede
Prøvekørt: Polestar 3 er en rendyrket designer-bil, som er ude på at forføre dig
Læs mere »
Test af to nye robotplæneklippere: En dyr og en mere overkommelig
Her er de enheder der får det nye Apple AI – vil du have det, skal du nok ud og købe en ny iPhone
Test: Her er den smarte økonomi-robot til din græsplæne
Se alle »
CIO
Teaser billede
OUH's fynske hosting-leverandør på vej mod konkurs efter ransomware-angreb: Kan ikke genoprette ramte systemer
Læs mere »
Microsoft dropper ny funktion i Copilot få måneder efter lanceringen
CIO hos Alm. Brand rydder op i legacy-systemer og skaber en ny it-arkitektur: Stripper alt ned til standardkode for at sikre fremtiden
Vælg it-sikkerhed, hvis du gerne vil tjene mange penge: Disse cheftitler scorer de højeste lønninger i it-branchen
Se alle »
Job & Karriere
Teaser billede
Her er Danmarks fem bedste CIO’er lige nu: Se de fem nominerede til prisen som Årets CIO 2024
Læs mere »
Medarbejderne fik udleveret badetøfler ved indflytningen: Kom med inden for i IBM Danmarks nye topmoderne hovedkontor
Google fyrer hele sit Python-team
Bo solgte sit software-system for et treciftret millionbeløb: Brugte pengene på at købe 80 medarbejdere til ny storsatsning
Se alle »
White paper
Teaser billede
Det behøver ikke at gøre ondt: Sådan gør du livet lettere for kunder med multicloud
Læs mere »
Nemmere overblik, styring og omkostningskontrol i dit multicloud-miljø
Cybersikkerhed: Skær antallet af alarmer ned fra tusindvis til blot en håndfuld
Vejen væk fra WAN: Sådan skifter du til en moderne infrastruktur
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »