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

l

V

<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 ♥


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

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
RSS 2.0