WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Vilken slider rekommenderar ni? (https://www.wn.se/forum/showthread.php?t=1058936)

bird200 2013-08-26 18:18

Vilken slider rekommenderar ni?
 
Jag är i behov av en slider till min hemsida. Tanken är att den skall rulla 5-6 bilder och att om man klickar på någon av bilderna så skall man komma vidare till den undersida som bilden presenterar.

Undrar om ni kan rekommendera någon särskild slider? Detta är min kravlista:

Den skall vara gratis (jag är ny på sliders och vill inte lägga 50-100 dollar på att testa)

Den skall vara fristående från wordpress

Varje enskild bild skall kunna gå och klicka på (länkas) så att man kommer vidare till den undersida som bilden hör till

Sliderna skall ha en framåt och bakåt knapp och/eller en lista med punkter som man kan klicka i för att komma framåt eller bakåt i slidern.

Det skall helst gå att skriva text i slidern, ett alternativ är dock att lägga texten direkt på bilden om inte detta fungerar.

Slidern skall vara förhållandevis enkelt att förstå/det skall finnas en instruktion för hur man implementerar den. Jag kan bara grundläggande HTML.

allstars 2013-08-26 18:20

bxSlider rekommenderar jag. Det är en jQuery-plugin som är lätt att implementera i sitt grundutförande.

Sedan går det att ställa in rätt mycket i den.

bya 2013-08-26 18:44

så har du ju bootstrap, väldokumenterat

http://getbootstrap.com/2.3.2/javascript.html#carousel

CotopaXi 2013-08-26 19:44

http://dev7studios.com/nivo-slider

bird200 2013-08-26 20:17

Citat:

Ursprungligen postat av bya (Inlägg 20476210)
så har du ju bootstrap, väldokumenterat

http://getbootstrap.com/2.3.2/javascript.html#carousel

Denna slider ser riktigt bra ut och uppfyller alla mina krav MEN den är inte enkel att implementera. Den exempelkod som finns under slidern är ju värdelös om man inte är "kvantfysiker" och naturligtvis går det inte att få slidern att fungera.

Kan någon lite mer i detalj gå igenom hur man får den vackra slidern ovan att fungera. Kanske finns det en youtube-film?

DanielN 2013-08-27 01:59

En framåt och bakåt knapp! Låter sjukt avancerat... Skämt och sido, dra iväg ett pm till mig med din mejl så skickar jag över en bra slider.

allstars 2013-08-27 08:48

Jo använder man inte bootstrap är den nog inte så lättimplementerad

Nerix 2013-08-27 09:44

Citat:

Ursprungligen postat av bird200 (Inlägg 20476213)
Denna slider ser riktigt bra ut och uppfyller alla mina krav MEN den är inte enkel att implementera. Den exempelkod som finns under slidern är ju värdelös om man inte är "kvantfysiker" och naturligtvis går det inte att få slidern att fungera.

Kan någon lite mer i detalj gå igenom hur man får den vackra slidern ovan att fungera. Kanske finns det en youtube-film?

Det är ju bara att kopiera koden, dom har ju ett fullt fungerande exempel.

Pjotr 2013-08-27 16:21

Kika på detta snabbt ihophackade exempel
 
http://jsfiddle.net/fshsweden/JpLUq/4/

Kolla på "External references" så inkluderas en CSS och en JS från Bootstrap 2.3.2

H S Consulting 2013-08-27 17:35

Jag har använt Coroufredsel i flera projekt och gillar den av flera anledningar, bl.a. responsiv, enkelt att anpassa efter smak och tycke, enkel att jobba med. http://caroufredsel.dev7studios.com/


Alla tider är GMT +2. Klockan är nu 03:58.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson