Vilken slider rekommenderar ni?

Pjotr · 2013-08-27, 16: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, 19: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, 18: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, 19: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, 22: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/

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?