Vilken slider rekommenderar ni?

Tsarraz · 2013-08-27, 20:30

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

entep · 2013-08-28, 00: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, 09:48

Citat:

Ursprungligen postat av Nerix

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, 11: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, 15:56

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

allstars · 2013-08-29, 09:36

Citat:

Ursprungligen postat av rsp

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

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

Nihilnovi · 2013-08-29, 09:57

Citat:

Ursprungligen postat av allstars

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, 20:51

Citat:

Ursprungligen postat av Pjotr

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, 18: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, 19:19

Citat:

Ursprungligen postat av bird200

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

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.

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Vilken slider rekommenderar ni?