Vilken slider rekommenderar ni?

bird200 · 2013-08-26, 21:17

Citat:

Ursprungligen postat av bya

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?

Nerix · 2013-08-27, 10:44

Citat:

Ursprungligen postat av bird200

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, 17:21

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

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

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

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.

bird200 · 2013-09-13, 20:29

Citat:

Ursprungligen postat av Clarence

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.

Jag har kunnat ladda ned javascriptet i en JS-fil som heter "bootstrap.min.js"

Vilken kod skall jag skriva i <head>-taggen för att jag skall kunna åberopa detta javascript som ligger i filen bootstrap.min.js ?

Sedan vore jag mycket tacksam om du eller någon förklarade i detalj vad som menas med

"

Kod:

$(document).load(function(){
$('.carousel').carousel()
});

"

Vad gör följande kod? När jag klistrar in den i mitt HTML-dokument händer inget. Förklara för mig som om jag var 5 år för det är där min kunskap om detta ligger. Uppskattar all hjälp jag kan få.

webbrob · 2013-09-13, 23:19

En slider som är lätt att använda och modifiera tycker jag är Flexslider. Har använt den på säker 20 sajter. Dessutom responsive, vilket en slider idag bör vara.

http://www.woothemes.com/flexslider/

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.

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

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?