Följ instruktionerna steg för steg och ha en porfolio på nolltid!

1. LADDA NER JQUERY Ladda ner jQuery HÄR, inkludera filen i i din html-fil.

2. LADDA NER SITESHOW FRÅN GITHUB Ladda ner SiteShow från GitHub HÄR, inkludera filen siteshow-github.js samt siteshow-github.css i . Din ska nu se ut ungefär såhär;

3. HTML För att SiteShow ska fungera krävs en del HTML-element. Se nedan.

4. LÄGG TILL SLIDES Koden nedan definierar EN slide. Ju fler slides du vill ha, ju fler sådana kodklumpar lägger du in i . För varje slide ändrar du id-numret, slide 1 har id slide-1, slide 2 id slide-2 osv.

Rubrik

Underrubrik

Introtext

Text

5. LÄGG TILL BAKGRUNDSMUSIK Om du vill ha bakgrundsmusik lägger du in koden nedan i .

Låttitel

6. ÄNDRA FÄRGERNA Vill du skräddarsy din layout? Lägg in koden nedan i , mellan jquery.js och siteshow-github.js. "Färg" ska ersättas med valfri färg. Grön kan exempelvis skrivas som "green", "#00ff00" eller "rgba(0,255,0,0.5);". Sistnämnda används för att ge färgen opacitet, där 0.5 bestämmer hur transparent denna ska vara på en skala 0-1.

7. KLART! På GitHub kan du hitta ett exempel på hur din färdiga kod skulle kunna se ut. Bra att titta på om något känns otydligt! Lycka till :-)