welastforever -

Lägg in en slideshow i din header ♥

Hejhej ♥
Det finns några som undrar hur man fixar slideshow i headern. Alltså att bilden ändras i headern. ♥

Här får ni en liten video på hur man gör! :)♥

Här är koden

<script language="JavaScript1.2">

/***********************************************

* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)

* This notice must stay intact for use

* Visit http://www.dynamicdrive.com/ for full source code

***********************************************/

var variableslide=new Array()

//variableslide[x]=["adress  till bilden", "länk till en sida (valfritt)", "text till bilden,  valfritt (går att skriva HTML-kod)"]

variableslide[0]=['bild1.gif', '', '']

variableslide[1]=['bild2.gif', 'http://www.designadinblogg.se', 'Här kan du skriva en text om du vill']

variableslide[2]=['bild3', '', '']

//configure the below 3 variables to set the dimension/background color of the slideshow

var slidewidth='130px' //skriv i bredden på dina bilder här!

var slideheight='120px' //skriv i höjden på dina bilder här, inklusive eventuell text du tänkt använda!

var slidebgcolor='#F3F3F3'

//här ställer du in fördröjningen mellan varje bild (i millisekunder)

var slidedelay=3000

////Do not edit pass this line////////////////

var ie=document.all

var dom=document.getElementById

for (i=0;i<variableslide.length;i++){

var cacheimage=new Image()

cacheimage.src=variableslide[i][0]

}

var currentslide=0

function rotateimages(){

contentcontainer='<center>'

if (variableslide[currentslide][1]!="")

contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'

contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'

if (variableslide[currentslide][1]!="")

contentcontainer+='</a>'

contentcontainer+='</center>'

if (variableslide[currentslide][2]!="")

contentcontainer+=variableslide[currentslide][2]

if (document.layers){

crossrotateobj.document.write(contentcontainer)

crossrotateobj.document.close()

}

else if (ie||dom)

crossrotateobj.innerHTML=contentcontainer

if (currentslide==variableslide.length-1) currentslide=0

else currentslide++

setTimeout("rotateimages()",slidedelay)

}

if (ie||dom)

document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')

function start_slider(){

crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub

if (document.layers)

document.slidensmain.visibility="show"

rotateimages()

}

if (ie||dom)

start_slider()

else if (document.layers)

window.onload=start_slider

</script>

<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer>

Hoppas det hjälper! =)

Pussis och Kramis // Welastforever ♥

2012-02-10 @ 14:04:54 Tips ♥ Permalink

Kommentarer

Postat av: Malin Oskarsson

Tack för tipsen :)

2012-02-10 @ 14:54:26
URL: http://bbanajd.blogg.se/

Postat av: Cassie

Kan man ha en sådan header på devote också? :)

2012-02-12 @ 17:26:09
URL: http://awesometown.devote.se

Trackback