Designhjälp för din blogg

Bildspel som header

Kategori: Header, Roligheter
Nu kan du ha ett bildspel som header. Såhär gör du:

1.
Gå in i din HTLM-mall (Kugghjulet -> Design -> Redigera HTML (Startsida))

2. Efter <head> klistrar du in följande:

<script type="text/javascript">

<!--

var image1=new Image()

image1.src="BILDADRESS 1"

var image2=new Image()

image2.src="BILDADRESS 2"

var image3=new Image()

image3.src="BILDADRESS3"

//-->

</script>

 


3. 
Nu ska du lägga in bildspelet var du vill ha det. Eftersom vi i detta fall vill ha det i headern lägger vi in det direkt efter <div id="header"> och det är denna kod du ska lägga in:

<center>

 <img src="firstcar.gif" name="slide" width="900" height="430" />

<script>

<!--

//variable that will increment through the images

var step=1

function slideit(){

//if browser does not support the image object, exit.

if (!document.images)

return

document.images.slide.src=eval("image"+step+".src")

if (step<3)

step++

else

step=1

//call function "slideit()" every 3.0 seconds

setTimeout("slideit()",2500)

}

slideit()

//-->

</script>

</center>

4.
Spara 


5. Nu går du tillbaka till den första koden du klistrade in, den precis under <head>

Där det står BILDADRESS1 klistrar du in adressen till den första bilden du vill ha i bildsspelet. Där det står BILDADRESS2 klistrar du in den andra bilden du vill ha osv....

Du får din bildadress genom att ladda upp bilden på bloggen och sedan kopiera adressen som står under fullstort läge.  Se detta inlägg för hjälp!

6. Spara

 




Kommentarer
Julia

23 Februari 2014 kl. 21:09

Det funkar ändå inte. Vääälsigt väldigt tacksam för hjälp. Kontakta mig gärna via email. Tack så mycket :))


milina.blogg.se

06 April 2014 kl. 22:30

Hur gör man med headerkoden i stilmallen då? Ska man radera bildlänken där?

Svar: Ja. I stilmallen under tar du bort bildadressen om du har någon där.
blogghjalparn.blogg.se


milina.blogg.se

06 April 2014 kl. 22:57

Okej!


My

01 November 2014 kl. 15:19

funkar det bara med 3 bilder för jag vill ha 6 :/


IDA

04 Januari 2015 kl. 21:14

Mitt blir helt svart?.. Vad kan jag ha gjort för fel då?


IDA

04 Januari 2015 kl. 21:14

Mitt blir helt svart?.. Vad kan jag ha gjort för fel då?


Angelica Petersson

21 April 2015 kl. 21:52

Hej! Jag behöver snabbt hjälp med hur man får fram bilderna? För mig blir det en tom ruta med en liten bild uppe i vänstra hörnet. Jätte tacksam för svar!!


Sofie

16 Juli 2015 kl. 22:22

Använde detta och det funkade jättebra, men finns det något sätt att få bilderna att tonas in och ut, vill ha en mjukare övergång :P

Vore såå glad för svar!


m.e

29 Juli 2015 kl. 00:33

Jag undrar också över om man kan fixa en tonad övergång? Googlade lite men hittade inte riktigt det jag sökte efter.... Och kan man inte klistra in flera bilder än 3 st? Jag testade att kopiera in 6 stycken, men fortfarande visas bara 3 stycken? Vore såå tacksam om su kunde hjälpa mig! Tack :) :)


Kristina

11 Augusti 2015 kl. 22:06

Hej!
Jag undrar om man kan få en bild från de senaste inläggen i varje kategori som man har?
att man har en bild istället för länk?

MVH
Kristina


Kommentera här:













Hos blogghjalparn.blogg.se finner du textguider om HTML & CSS. Guiderna riktar sig till bloggare som vill ha hjälp med sin bloggdesign. Man kan själv läsa sig till hur man ska göra eller så kan man beställa sin egna design alternativt köpa en redan färdig design.

Copyright © 2017 Blogghjälparn

BLOGGHJÄLPARN


Senaste inläggen

Portaler & Listor
Webbdesign