WN - Vilken slider rekommenderar ni?

Sidan 2 av 3

Visa 40 inlägg från det här ämnet på en sida

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)

Tsarraz

2013-08-27 19:30

Jag gillar denna
http://www.jacobhallsten.se/jslide/

entep

2013-08-27 23:52

jQuery Cycle är den jag använder allra mest.
Fungerar klockrent.

Dom har en ny variant med alla möjliga inställningar. Kolla deras demos: http://jquery.malsup.com/cycle2/

allstars

2013-08-28 08:48

Citat:

Ursprungligen postat av Nerix (Inlägg 20476237)

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

Känns ju rätt onödigt att referera in hela bootstrap om man bara ska använda slidern.

H S Consulting

2013-08-28 10:12

Inte för att jag är någon fantast av Bootstraps slider, men när det gäller Bootstrap generellt så kan man plocka de komponenter som behövs, man behöver alltså inte ladda in hela ramverket för att använda enstaka komponenter. Det är en stor fördel med Bootstrap tycker jag.

rsp	2013-08-28 14:56

Denna är trevlig: http://owlgraphic.com/owlcarousel/index.html

allstars

2013-08-29 08:36

Citat:

Ursprungligen postat av rsp (Inlägg 20476342)

Denna är trevlig: http://owlgraphic.com/owlcarousel/index.html

Håller med, den såg fin ut.

Nihilnovi

2013-08-29 08:57

Citat:

Ursprungligen postat av allstars (Inlägg 20476319)

Känns ju rätt onödigt att referera in hela bootstrap om man bara ska använda slidern.

Det är väl därför man kan välja exakt vilka delar av bootstrap man vill ha med på http://getbootstrap.com/2.3.2/customize.html :)

bird200

2013-09-12 19:51

Citat:

Ursprungligen postat av Pjotr (Inlägg 20476280)

http://jsfiddle.net/fshsweden/JpLUq/4/

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

Behöver lite hjälp med denna.

I HTML-texten begriper jag att jag utöver den kod som finns på sidan behöver lägga till följande

"
<html>
<head>
<link rel="stylesheet" type="text/css" href="bootstrap-combined.min.css">

</head>

<body>
"

Genom "<link rel="stylesheet" type="text/css" href="bootstrap-combined.min.css">" i <head> anropar jag css-filen.

Men hur implementerar jag javasrciptet? Utan javascriptet så fungerar inte slidern utan endast den första bilden visas.

Tacksam för hjälp och kloka ideer

AmoZ	2013-09-13 17:53

Kan du inte bara implementera via <script src="javascript.js"></script> om du stoppar scriptet innan <link>?

Kanske är fredagstrött dock... :)

Clarence

2013-09-13 18:19

Citat:

Ursprungligen postat av bird200 (Inlägg 20477210)

Lägg javascripten i en JS-fil som du inkluderar med script-tagg precis innan </body>

Ladda karusellen vid onload, exempel:

Kod:

$(document).load(function(){

$('.carousel').carousel()

});

Koden fungerar lika bra att lägga direkt i en script-tagg var som helst på din sida. Men det är best practice att ladda javascript via separat fil och sist i DOM-trädet.

Alla tider är GMT +2. Klockan är nu 09:15.

Sidan 2 av 3

Visa 40 inlägg från det här ämnet på en sida