Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse
Slideshow i headern (headern byts ut)

Slideshow i headern (headern byts ut)

Uppdaterat: Videoinstruktion finns till höger

Något som kan vara lite skoj att lägga in är en header som ändras konstant.

Jag har letat upp ett script som inte använder sig av någon fräck övergång, men som iaf byter bild på headern och om man dessutom vill, så kan man skriva en liten information under bilden och även länka till den. Det öppnar upp för att använda den som en funktion där man väljer att göra reklam för vissa speciella inlägg eller så.

Om ni vill se ett enkelt exempel, så kan ni kika här: Header slideshow

Det är ganska så enkelt att göra detta, och det är bara er egen fantasi som sätter stopp för hur ni ska använda det.

Gör så här:

1. Ladda upp alla bilder som du vill använda, se till att de har samma storlek. Spara adressen till varje bild så att du kan använda det sen.

2. Kopiera följande kod:

<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', 'https://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>

3. Gå in i dina kodmallar, och leta upp

<div id=”header”>
<h1><a href=”${BlogUrl}”>${BlogTitle}</a></h1>
<h2>${BlogDescription}</h2>
</div>

4. Ta bort allt mellan <div id=”header”> och </div> och klistra in koden mellan dessa två.

5. Nu ska du lägga in adressen till bilderna, och det gör du där det står på följande vis:

variableslide[0]=[‘bild1.gif’, ”, ”]
variableslide[1]=[‘bild2.gif’, ‘https://www.designadinblogg.se’, ‘Här kan du skriva en text om du vill’]
variableslide[2]=[‘bild3’, ”, ”]

Du byter ut bild1.gif, bild2.gif osv till de adresser som dina egna bilder har där du har laddat upp dem.
Om du vill ha fler än 3 bilder så kan du lägga till fler rader, se bara till att du följer sifferkoden med, så att du fortsätter på vaiableslide[3], variableslide[4] osv…

Om du vill lägga till en text under bilden, så skriver du den mellan de två sista “snuttarna”, på variableslide[1]=[‘bild2.gif’, ‘ht… ser du var du lägger in texten.

6. Nästa steg är att ställa in bredden du har på dina bilder, och det gör du i följande kod:

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!

Leta upp den koden och ändra värdena till de som stämmer med dina egna bilder. Om du väljer att ha en text, så skall det räknas in med. Men det är bara att testa dig fram lite med det.

Leta upp nedanstående kod för att ändra bakgrunden på din slider, används mest om du har text under varje bild.

var slidebgcolor=’#F3F3F3′

Nästa sak som du kan ställa in är hur lång tid det ska ta innan bilden byts ut, och det gör du i följande kodrad:

var slidedelay=3000

Värdet är i millisekunder, dvs 3000 är samma som 3 sekunder.

Nu är det bara att spara, och göra likadant på dina andra kodmallar.

Grundare av Designa Din Blogg. Drev den här sidan som ett hobbyprojekt under åtta år, numera har jag lämnat över ansvaret för DDB. Är pappa till Ludvig och make till Elin.

Läs mina andra inlägg

311 comments

  1. SvaraErica

    Allting fungerade korrekt när jag skulle göra en slide header, det var enkelt också. Men nu försvann alla inlägg :s dom finns kvar i menyn men man ser dom inte, vad beror det på? svar snabbt tack!

    1. SvaraStrangerz

      Erica – Du har lagt in JavaScript koden 2 gånger. Ta bort en av dem och kolla om det funkar därefter! 🙂

    1. SvaraStrangerz

      Nej. Du ska ta bort dessa två rader:

      <h1><a href=”${BlogUrl}”>${BlogTitle}</a></h1>
      <h2>${BlogDescription}</h2>
      

      …och ersätta med koden som skrivs ovan.

      1. Louisa

        Ja, men i stilmallen! :O
        Jag har gjort allt nu men det funkar inte 🙁
        Ska jag ta bort header sakern i stilmallen då?

      2. Marie

        Ja, det är meningen att du ska ta bort länken till din “gamla” header i stilmallen! ☺


    1. Author
      SvaraLari

      Jag vet helt ärligt inte, med tanke på att jag inte har kikat nåt närmre på devote. Dock så tror jag inte det, för om jag inte minns helt fel så kan man inte komma åt källkoden på Devote.

    2. SvaraStrangerz

      Jag registrerade en devote blogg precis. Alltså hur man ska göra är en stor fråga. Dom har gjort allting så extremt konstigt. Jag får kolla närmare på det och se efter ifall jag kan lära mig hur man kodar devote.se bloggar.

      1. Jessika

        Jag har också testat, men det gick inte 🙁 Dock är jag inte världens smartaste heller 😀

    1. SvaraSelma

      Funkar inte för mig heller!! Blir så sur. Tog bort headern i stilmallen, gjort precis som man ska i kodmallen, men det funkar ändå inte!! <:( tur att jag inte gjorde det på min vanliga blogg utan test blogg!

  2. SvaraLinnea

    Hej! Jag mata in koden och la in alla bildadresser, och fick inget resutalt! Jag har kollat vartenda ett tecken, och jag har gått igenom din beskrivning till punkt och pricka, still nothing…

      1. Strangerz

        Jag får titta lite på det eftersom att din kod för slideshow’en är lite huller om buller. Jag återkommer när jag har hittat svaret.

  3. SvaraEbba

    Jag prövade först med bilder jag inte ville ha, de funkade perfect.. nu när jag la ner tid på headern och gjorde allt som jag ville med den så funkade de inte alls. De kom inte fram någon header eller någonting.
    Hjälp mig snälla !

    1. SvaraStrangerz
      '
      //configure the below 3 variables to set the dimension/background color of the slideshow
      

      Du har råkat få in ” ‘ ” där som du ser. Leta upp den och ta bort den.

      1. Strangerz

        Dessutom här:

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

        Prova att ändra ‘0px’ till ‘auto’. Om inte det funkar, så provar du att sätta in talet till ‘500px’.

      2. Ebba

        Om du kollar där man kommenterar på min blogg, vet du vad som hänt? Jag vill att den sitter som den gör på vanliga bloggar ? 🙂

  4. SvaraMalin

    HEJ!!! Eh du Strangerz, verkar hjälpa andra och jag behöver hjälp!!! Kan man flytta headern åt höger (alltså de rullande bilderna). För nu hamnar den på min meny… men jag vill ha den åt höger, bredvid menyn som jag har flyttat upp.
    Blogg:

    Hoppas någon kan hjälpa miig!!!

    1. SvaraMatilda

      Det funkar men det är bara det att det blir lixom 2 bilder, och ena hamnar på menyn och jag vet inte vad som är fel! :/ Snälla snälla hjälp!

  5. SvaraJackie

    på min testblogg (www.jackieietest.blogg.se) så har det kommit “undefined” under headern och över min ena flik… för övrigt funkar det.. men jag vet inte hur jag ska få bort det S:

    1. Svaraajnav

      kolla på videon han har lagt ut! det hjälpte mig och jag hade samma problem 🙂 du kanske har tagit bort såna här ,” efter bilden osv. 🙂

  6. SvaraLinnea

    Någon som vet vad jag gör för fel med slidshow headern? Jag kan inte hitta något fel i kodmallen, och ändå händer det ingen när jag går in på bloggen efter att jag sparat!

      1. Amelia

        Hej! Du verkar ha bra koll, vet du varför jag får en text som säger “undefined” under en av mina bilder när jag har slideshow. Kolla bloggen, livetmedamtess.blogg.se så får du se! Hoppas du har svar! 😀

      2. Strangerz

        Du har ingen slideshow kod i din källkod. Har du lagt in slideshow-koden i din kodmall?

  7. SvaraElin

    fattar verkligen ingenting. vadå ladda upp bilder?! är helt ny på blogg.se eftersom jag tidigare haft devote. helt efterbliven när det gäller html och sånt skit.. 

  8. SvaraMia

    Hej!
    Allt fungerade jätte bra, det enda felet är att det står “undefined” under headern! Hur får jag bort det??

    Mvh

    1. SvaraStrangerz

      Vad har du gjort med din blogg egentligen?! Återställ allting! Du har tagit bort diverse viktiga koder från din kodmall… Inkluderat taggen. Gör inte det! Ställ om allt, skulle jag säga. 😛

      1. Mia

        Har ställt om allt utan att ta bort något. Men det försvinner fortfarande inte. :O
        Vet inte vad som blir fel.. :/

      2. Mia

        vaddå ?
        vart skulle de vara, har provat att sätta dit som du säger men det gör ingen skillnad om du menar att det skulle vara felet till texten? 😛 xD

        Har iaf löst det med inläggssidan! 🙂

      3. Strangerz
        <html>

        Måste ALLTID finnas allra längst upp i kodmallen. Den måste finnas där. Helst så ska man dessutom skriva in html starten så här:

        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        

        Det är bäst så.


    1. Author
      SvaraLari

      Ja, ni har inte gjort som det står i inlägget iaf.. för koden ligger helt fel! Kolla inlägget igen och läs noga var koden skall ligga.

    1. SvaraStrangerz

      Jag vet hur man skulle kunna göra, MEN! Det är en väldans massa kod. Är du säker på att du vill ha det?

      1. Tildiiz

        Tjaa,,,om det inte är till för stort besvär, så skulle jag väl kunna få se koderna? 🙂

        Måste inte, men om det går så vill jag gärna 😉

      2. Lola

        Kan du skicka dem där koderna till mig, för jag vill verkligen ha en slide show där man kan bläddra mellan. Tack!

      3. Nathalie

        Hej admin! Jag behöver verkligen er hjälp, har sökt överallt efter en kodning där man kan bläddra igenom bilderna (precis det som TILDIIZ frågade efter), men utan resultat. Ser att ni har diskuterat det här, men ingen kodning för det har lagts upp så jag hade varit oerhört tacksam om du/ni hade kunnat skicka den till mig också! 🙂

        p.s. Om ni också vet hur man kan länka ihop bildflödet med nya bilder från t.ex. instagram eller bilder i nya inlägg så tas detta emot med glädje!

  9. SvaraMichelle

    Hej!
    Jag har suttit med det där ett tag nu men får det ändå inte att fungera. Vad har jag gjort för fel? :/

    1. SvaraStrangerz

      Prova ta bort koden och kopiera in den igen. Just nu är den helt huller om buller och jag orkar inte se på den just nu när det ser ut som det gör. 😛

      1. Michelle

        Gjorde om allting och förhoppningsvis ser det lite mer städat ut nu, men verkar ändå inte fungera… :/

      2. Strangerz
        #side2 {
        background: url ) no-repeat top left;
        position: absolute;
        top: 400px;
        width: 200px;
        height: 700px;
        border: 1px solid black;
        background: #000000;
        }
        

        Kopiera och ersätt. Sen till headern:

        #header {
            margin-left:auto;
            margin-right:auto;
            padding: 0px 0px 0px 0px;
            height: 350px;
            width: 580px;
            text-align: left;;
        }
        

        Prova dessa!

  10. Svarajosephine

    Hej! har suttit med detta nu ett tag, och gjort steg för steg flera gånger men får inte fram någon bild alls när ja kollar.
    Vad gör jag för fel?

  11. SvaraStrangerz

    Jag ska försöka fixa ihop en videotutorial till detta eftersom de flesta verkar få problem med detta. Tills vidare så får ni lugna ner er lite! 🙂

  12. SvaraLizan

    Det gick perfekt att ordna allt för mig, och är super nöjd.
    Det är dock ett fel som jag inte kommer på. Det är grå ruta på min header… eller ser du det?
    Tacksam för svar.

  13. SvaraBella

    Hej! Jag behver hjälp! Jag la in en bild som skulle hamna till höger på min blogg, och sedan tog jag bort dessa html-koder igen för att ta bort bilden (en ensam cupcake högst upp över headern), men den är fortfarande kvar! Högerklickar jag på bloggen och “visar källor” så står det att bilden finns där, men inte på kodmallarna eller stilmallarna… HJÄLP! MVH Bella

    1. SvaraStrangerz

      Du har inte ens koden inne i din kodmall längre. Svårt att se vad som är fel då.

      Fast jag tänkte bara påpeka att du använder en design som är helt knasigt gjord av blogg.se. Dom har tydligen gjort något väldigt konstigt med den.

    1. SvaraStrangerz

      Kopiera och ersätt med din nuvarande:

      #header {
      background: #FFFFFF url() no-repeat right center;
      padding-left: 0px;
      padding-bottom:0px;
      padding-top:77px;
      margin: 0px 0px 0px;
      width: 800px;
      height: 482px;
      margin-top:250px;
      }
      
  14. SvaraHanna Wallström

    Hej! Jag använde just av denna kod och allting gick verkligen jätte bra – allt såg perfekt ut. Tills min sidebar försvann helt på framsidan. Anmärk att detta är bara på framsidan, om man t.ex. går in på inläggsidan kommer sidebaren tillbaka igen.

    1. SvaraStrangerz

      Du har glömt att stänga in ett javascript ser jag.

      &amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;
      /* Detta script finns att hämta på  och
         får användas fritt så länge som dessa rader står kvar. */
      function docprint() {
          if (document.layers||document.getElementById) {
              window.print();
          } else {
              // IE4
              document.body.insertAdjacentHTML(&amp;quot;beforeEnd&amp;quot;, &amp;quot;&amp;lt;object id='PrHandle' width=0 height=0 classid='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'&amp;gt;&amp;lt;/object&amp;gt;&amp;quot;);
              PrHandle.ExecWB(6,2);
          }
      }
      

      Hitta den texten och kopiera o ersätt med den här under:

      &amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;
      /* Detta script finns att hämta på  och
         får användas fritt så länge som dessa rader står kvar. */
      function docprint() {
          if (document.layers||document.getElementById) {
              window.print();
          } else {
              // IE4
              document.body.insertAdjacentHTML(&amp;quot;beforeEnd&amp;quot;, &amp;quot;&amp;lt;object id='PrHandle' width=0 height=0 classid='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'&amp;gt;&amp;lt;/object&amp;gt;&amp;quot;);
              PrHandle.ExecWB(6,2);
          }
      }
      &amp;lt;/script&amp;gt;
      
  15. SvaraSaga

    Hej! Alltså det här gick verkligen inte. Jag behöver din hjälp Strangerz. All min text la sig åt sidan. Och ingen bild kom fram alls. vad har jag gjort för fel?

    1. SvaraStrangerz

      Ta bort denna kod:

      <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]=['http://madebysaga.blogg.se/images/2012/dsc_0454_186288613.jpg', '', ''] variableslide[1]=['http://madebysaga.blogg.se/images/2012/dsc_0475_186289443.jpg', 'https://www.designadinblogg.se', 'Här kan du skriva en text om du vill'] variableslide[2]=['http://madebysaga.blogg.se/images/2012/dsc_0243-nef_186290287.jpgvariableslide[3]=['http://madebysaga.blogg.se/images/2012/dsc_0355_186291350.jpg', '', '']variableslide[4]=['http://madebysaga.blogg.se/images/2012/dsc_0355_186291350.jpg', '', '']variableslide[5]=['http://madebysaga.blogg.se/images/2012/dsc_0483_186293253.jpg', '', '']variableslide[6]=['http://madebysaga.blogg.se/images/2012/2011-10-16-14-09-091_186294108.jpg', '', '']variableslide[7]=['http://madebysaga.blogg.se/images/2012/2011-10-03-16-10-231_186294923.jpg', '', '']variableslide[8]=['http://madebysaga.blogg.se/images/2012/2011-12-14-18-20-221_186295357.jpg', '', '']
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      ', '', ''] //configure the below 3 variables to set the dimension/background color of the slideshow var slidewidth='700px' //skriv i bredden på dina bilder här! var slideheight='800px' //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=4000 ////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>'
      

      så får vi se om den funkar efter det! 🙂

      1. Saga

        Okej jag tänkterätta till det imorgon. Vad hade jag gjort för fel och hur får jag till det? Tacksam för svar:-D

      2. Saga

        Det blir inget resultat! Snälla hjälp mig! Jag provade med 8 bilder förra gången men denna gången tog jag bara 3. Men nu så la sig inte allt i sidebaren utan nu hände ingenting? Tacksam för svar!!:)

      1. Strangerz

        Gör om, gör rätt. Ta bort koden helt och lägg in den på nytt. Prova göra exakt så som det ska göras. Jag lägger väl antagligen upp ett tutorial snart om det, då det verkligen verkar vara problem med detta för alla.

  16. SvaraHannah

    Hejhej! Jag har verkligen försökt nu i flera dagar att få denna kod att funka! MEN DET FUNKAR INTE! Detta gör mig så frustrerad….
    jag har lagt in koden precis som det står man ska göra, och jag får ändå inget resultat för 5 öre. Inte ett enda litet teckan! :/ Väldigt tacksam för hjälp! 🙂

  17. SvaraSabina Borenius-ronda.blogg.se-Hästblogg

    Allt funkar bra för mig, förutom texten “undefined” som kommer under bilderna. Antar att det är där den valfria texten ska vara men då jag inte vill ha någon text tog jag bort det och nu står det såhär istället! Måste man ha text? 

    Och en övrig fråga, på första sidan av min blogg så är det stora punkter framför mina kategorier, inlägg och arkiv, går man i arkivet eller bland mina inlägg så är menyn vanlig igen. Hur får jag framsidan att bli så också? 

    Tacksam för svar!

  18. SvaraSaga

    Nu har jag tagit bort allt och provade nu första gången med tre bilder(för att det kanske blev fel där?) Men nu kommer det inte upp någonting. Det syns absolut ingen skillnad. Skulle jag fixa med något i syilmallen? Du skrev något liknande om det i en annan kommentar men jag hade inget av det du skrev. Tacksam för svar!

  19. SvaraChelsea Hamilton

    Hej! 
    Jag har läst igenom instruktionerna ett flertal gånger. Gjort allt som står att man ska göra. Men det fungerar inte. 

  20. SvaraJessika

    Jag har nyss bytt header, jag har gjort precis som man ska, har alla tecken på rätt plats osv, men det är bara vitt ? 🙁 Vad är det för fel ? 😮 Och det kanske bara är på min dator, men jag vet inte 🙁 Snälla, hjälp mig! 🙁

    1. SvaraStrangerz

      Byt ut denna kod:

      #header {
      background-color: url(https://jekkz.blogg.se/images/2012/asd_186469625.png) center no-repeat;
      center;
      padding-left: 0px;
      padding-bottom:15px;
      padding-top:30px;
      margin: 0px 0px 0px;
      width: 900px;
      height: 500px;
      }
      

      till denna:

      #header {
      background-color: url(https://jekkz.blogg.se/images/2012/asd_186469625.png) center no-repeat;
      padding-left: 0px;
      padding-bottom:15px;
      padding-top:30px;
      margin: 0px 0px 0px;
      width: 900px;
      height: 500px;
      }
      
  21. SvaraVictoria Carlsson

    Jag skulle göra en design till några som ville ha det så här, jag la in koden i på en test blogg och så jag inte skulle förstöra något, jag har gjort alla steg och det som står här, den visas ändå inte, skulle du kunna hjälpa mig? 

  22. SvaraNora

    HJÄLP!!!
    Har gjort allt men ändå fungerar det inte!?
    Den lilla “menyn” under alla inlägg ska INTE vara så stort och det är helt fel typsnitt!?
    Snälla svara!!!!!!!!
     

      1. Nora

        Jag har gjort en header MEN som ni kanske ser så är det inte den headern som byter som sitter där!? Eller är det min dator som är konstig!? 


      2. Author
        Lari

        Du har tagit bort enkelfnuttarna som skall sitta runt adressen för dina bilder.

        Det skall se ut så här istället:

        variableslide[0]=['http://norajf.blogg.se/images/2012/headerbild1_186651829.jpg','','']
        variableslide[1]=['http://norajf.blogg.se/images/2012/headerbild2_186652358.jpg','','']
        variableslide[2]=['http://norajf.blogg.se/images/2012/headerbild4_186652667.jpg','','']
        variableslide[3]=['http://norajf.blogg.se/images/2012/headerbild5_186662982.jpg','','']
        variableslide[4]=['http://norajf.blogg.se/images/2012/headerbild3_186663307.jpg','','']
        
      3. Strangerz

        Jag ser bara 1 bild. Och det är den med hästar och grejer. Den byter inte. Är det det som är felet?

      4. Nora

        Precis! Ska jag byta ut det som jag har till det som du satte in, alltså det som ser ut ungefär likadant!

  23. SvaraNora

    Jag har gjort en header MEN som ni kanske ser så är det inte den headern som byter som sitter där!? Eller är det min dator som är konstig!? 😀

  24. SvaraSaga

    Jag kollad ein videon. Koden här som jag ser är inte alls lika lång den ser ut så här:

    &lt;script language=&quot;JavaScript1.2&quot;&gt; /*********************************************** * 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]=[&quot;adress till bilden&quot;, &quot;länk till en sida (valfritt)&quot;, &quot;text till bilden, valfritt (går att skriva HTML-kod)&quot;] variableslide[0]=['bild1.gif', '', ''] variableslide[1]=['bild2.gif', 'https://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&lt;variableslide.length;i++){ var cacheimage=new Image() 

    Är det rätt? Om inte kan någon klistra in den här som svar i stället.:) Skulle vara sjukt tacksam!


    1. Author
      SvaraLari

      Då får du inte med dig hela koden… du har väl en rullningslist så att du kan få fram resten av koden?

      1. Saga

        Nej det har jag inte..:S Det är bara en svar ruta och utan någon grå rullningslist som du hade på din video. Det är därför det inte har funkat…:) Men skulle du kunna lägga in den här som ett svar istället?


      2. Author
        Lari
        &lt;script language=&quot;JavaScript1.2&quot;&gt; /*********************************************** * 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]=[&quot;adress till bilden&quot;, &quot;länk till en sida (valfritt)&quot;, &quot;text till bilden, valfritt (går att skriva HTML-kod)&quot;] variableslide[0]=['bild1.gif', '', ''] variableslide[1]=['bild2.gif', 'https://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&lt;variableslide.length;i++){ var cacheimage=new Image() cacheimage.src=variableslide[i][0] } var currentslide=0 function rotateimages(){ contentcontainer='&lt;center&gt;' if (variableslide[currentslide][1]!=&quot;&quot;) contentcontainer+='&lt;a href=&quot;'+variableslide[currentslide][1]+'&quot;&gt;' contentcontainer+='&lt;img src=&quot;'+variableslide[currentslide][0]+'&quot; border=&quot;0&quot; vspace=&quot;3&quot;&gt;' if (variableslide[currentslide][1]!=&quot;&quot;) contentcontainer+='&lt;/a&gt;' contentcontainer+='&lt;/center&gt;' if (variableslide[currentslide][2]!=&quot;&quot;) 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(&quot;rotateimages()&quot;,slidedelay) } if (ie||dom) document.write('&lt;div id=&quot;slidedom&quot; style=&quot;width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'&quot;&gt;&lt;/div&gt;') function start_slider(){ crossrotateobj=dom? document.getElementById(&quot;slidedom&quot;) : ie? document.all.slidedom : document.slidensmain.document.slidenssub if (document.layers) document.slidensmain.visibility=&quot;show&quot; rotateimages() } if (ie||dom) start_slider() else if (document.layers) window.onload=start_slider &lt;/script&gt; &lt;ilayer id=&quot;slidensmain&quot; width=&amp;{slidewidth}; height=&amp;{slideheight}; bgColor=&amp;{slidebgcolor}; visibility=hide&gt;&lt;layer id=&quot;slidenssub&quot; width=&amp;{slidewidth}; left=0 top=0&gt;&lt;/layer&gt;&lt;/ilayer&gt;
        
  25. SvaraSaga

    Det funkade inte. Kan du bara kolla vad jag gjorde fel:) Skulle vara jättesnällt. Men jag följde videon.. Men som sagt om du skulle kunna se vad som blev fel skulle det vara jättesnällt


    1. Author
      SvaraLari

      Kopiera det här och lägg in istället:

      &lt;script language=&quot;JavaScript1.2&quot;&gt;
      /***********************************************
      * 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]=[&quot;adress till bilden&quot;, &quot;länk till en sida (valfritt)&quot;, &quot;text till bilden, valfritt (går att skriva HTML-kod)&quot;]
      variableslide[0]=['http://madebysaga.blogg.se/images/2012/dsc_0454_186288613.jpg', '', '']
      variableslide[1]=['http://madebysaga.blogg.se/images/2012/dsc_0475_186289443.jpg', '', '']
      variableslide[2]=['http://madebysaga.blogg.se/images/2012/dsc_0243-nef_186290287.jpg', '', '']
      //configure the below 3 variables to set the dimension/background color of the slideshow
      var slidewidth='668px' //skriv i bredden på dina bilder här!
      var slideheight='443px' //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&lt;variableslide.length;i++){
      var cacheimage=new Image()
      cacheimage.src=variableslide[i][0]
      }
      var currentslide=0
      function rotateimages(){
      contentcontainer='&lt;center&gt;'
      if (variableslide[currentslide][1]!=&quot;&quot;)
      contentcontainer+='&lt;a href=&quot;'+variableslide[currentslide][1]+'&quot;&gt;'
      contentcontainer+='&lt;img src=&quot;'+variableslide[currentslide][0]+'&quot; border=&quot;0&quot; vspace=&quot;3&quot;&gt;'
      if (variableslide[currentslide][1]!=&quot;&quot;)
      contentcontainer+='&lt;/a&gt;'
      contentcontainer+='&lt;/center&gt;'
      if (variableslide[currentslide][2]!=&quot;&quot;)
      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(&quot;rotateimages()&quot;,slidedelay)
      }
      if (ie||dom)
      document.write('&lt;div id=&quot;slidedom&quot; style=&quot;width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'&quot;&gt;&lt;/div&gt;')
      function start_slider(){
      crossrotateobj=dom? document.getElementById(&quot;slidedom&quot;) : ie? document.all.slidedom : document.slidensmain.document.slidenssub
      if (document.layers)
      document.slidensmain.visibility=&quot;show&quot;
      rotateimages()
      }
      if (ie||dom)
      start_slider()
      else if (document.layers)
      window.onload=start_slider
      &lt;/script&gt;
      &lt;ilayer id=&quot;slidensmain&quot; width=&amp;{slidewidth}; height=&amp;{slideheight}; bgColor=&amp;{slidebgcolor}; visibility=hide&gt;&lt;layer id=&quot;slidenssub&quot; width=&amp;{slidewidth}; left=0 top=0&gt;&lt;/layer&gt;&lt;/ilayer&gt;
      1. Saga

        Nu har jag gjort det det händer fortafarande inget. Om det bara var det som var felet så funkar det ju inte:/:(

  26. SvaraOlivia

    Det funkar inte?
    Såhär har jag gjort:
    /***********************************************
    * 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]=[‘http://atasteoflife.webblogg.se/images/2012/h1_186788887.jpg
    ‘, ”, ”]
    variableslide[1]=[‘http://atasteoflife.webblogg.se/images/2012/h2_186789105.jpg
    ‘, ‘http://atasteoflife.webblogg.se/’, ‘Här kan du skriva en text om du vill’]
    variableslide[2]=[‘http://atasteoflife.webblogg.se/images/2012/h3_186789231.jpg’, ”, ”]
    //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='’
    if (variableslide[currentslide][1]!=””)
    contentcontainer+=”
    contentcontainer+=”
    if (variableslide[currentslide][1]!=””)
    contentcontainer+=”
    contentcontainer+=”
    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(”)
    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

    Men inget händer?:/

  27. SvaraSaga

    Hej! Jag får inget resultat. Min kod ser ut såhär:

    &lt;script language=&quot;JavaScript1.2&quot;&gt; /*********************************************** * Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com) * This notice must stay intact for use * Visit &lt;A href=&quot;http://www.dynamicdrive.com/&quot; &gt;http://www.dynamicdrive.com/&lt;/A&gt; for full source code ***********************************************/ var variableslide=new Array() //variableslide[x]=[&quot;adress till bilden&quot;, &quot;länk till en sida (valfritt)&quot;, &quot;text till bilden, valfritt (går att skriva HTML-kod)&quot;] variableslide[0]=['&lt;A href=&quot;http://madebysaga.blogg.se/images/2012/dsc_0454_186288613.jpg'&quot; &gt;http://madebysaga.blogg.se/images/2012/dsc_0454_186288613.jpg'&lt;/A&gt;, '', ''] variableslide[1]=['&lt;A href=&quot;http://madebysaga.blogg.se/images/2012/dsc_0475_186289443.jpg'&quot; &gt;http://madebysaga.blogg.se/images/2012/dsc_0475_186289443.jpg'&lt;/A&gt;, '', ''] variableslide[2]=['&lt;A href=&quot;http://madebysaga.blogg.se/images/2012/dsc_0243-nef_186290287.jpg'&quot; &gt;http://madebysaga.blogg.se/images/2012/dsc_0243-nef_186290287.jpg'&lt;/A&gt;, '', ''] //configure the below 3 variables to set the dimension/background color of the slideshow var slidewidth='668px' //skriv i bredden på dina bilder här! var slideheight='443px' //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&lt;variableslide.length;i++){ var cacheimage=new Image() cacheimage.src=variableslide[i][0] } var currentslide=0 function rotateimages(){ contentcontainer='&lt;center&gt;' if (variableslide[currentslide][1]!=&quot;&quot;) contentcontainer+='&lt;a href=&quot;'+variableslide[currentslide][1]+'&quot;&gt;' contentcontainer+='&lt;img src=&quot;'+variableslide[currentslide][0]+'&quot; border=&quot;0&quot; vspace=&quot;3&quot;&gt;' if (variableslide[currentslide][1]!=&quot;&quot;) contentcontainer+='&lt;/a&gt;' contentcontainer+='&lt;/center&gt;' if (variableslide[currentslide][2]!=&quot;&quot;) 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(&quot;rotateimages()&quot;,slidedelay) } if (ie||dom) document.write('&lt;div id=&quot;slidedom&quot; style=&quot;width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'&quot;&gt;&lt;/div&gt;') function start_slider(){ crossrotateobj=dom? document.getElementById(&quot;slidedom&quot;) : ie? document.all.slidedom : document.slidensmain.document.slidenssub if (document.layers) document.slidensmain.visibility=&quot;show&quot; rotateimages() } if (ie||dom) start_slider() else if (document.layers) window.onload=start_slider &lt;/script&gt; &lt;ilayer id=&quot;slidensmain&quot; width=&amp;{slidewidth}; height=&amp;{slideheight}; bgColor=&amp;{slidebgcolor}; visibility=hide&gt;&lt;layer id=&quot;slidenssub&quot; width=&amp;{slidewidth}; left=0 top=0&gt;&lt;/layer&gt;&lt;/ilayer 

    Vad är det som är fel?:/

  28. SvaraRebecca

    Hej! Koden funkar alldeles utmärkt, men skulle det vara så att man kan få lite fading-effekt vid bytet? Så den inte byter så “hårt” mellan bilderna. Tacksam för svar! 🙂 

  29. Svara☮ Maja HB ☮

    allt gick bra för mig förutom att länkarna till “kommentarer” och allt det där blev mycket större, och även länkarna i min meny, varför? 

    1. SvaraFelix

      Okej. Det här säger jag inte för att vara på någons sida mer eller mindre, men om alla som har varit här inne INTE fått virus så är det rätt uppenbart att det inte finns virus på denna sida.

      Med andra ord så hade din kompis redan ett virus. Tänk på att virus också kan utlösas en viss tid. Den behöver inte bli aktiv så fort man får den, utan det finns faktiskt virus som väntar på att få kläckas. Det kan vara allt från musik man laddat ner, filmer, bilder eller annat.

      Så DDB är säkert.

      1. Tilda

        Men faktiskt så står det ungefär “ONDSINT URL HAR BLOCKERATS” när man går in hit på DDB, men det går ändå bra, man får inget virus av sidan.


      2. Author
        Lari

        Märkligt, jag kör med Avast jag med, men har aldrig fått nått meddelande om virus.

      3. Felix

        Väldigt konstigt. Jag får inte upp ett skit… Och jag kör med McAfee. Men om du vill surfa säkert (tex. om du misstänker en sida som innehåller virus) så rekommenderar jag att du laddar ner “Sandboxie”. Med den så kan du “Sandlåda” din dator. Det gör din hårddisk intakt mot hot och din dator kan inte skadas. Väldigt viktigt program om man är sådan som hjälper andra med hemsidor, osv.

        Här är länken: http://www.sandboxie.com/

      4. Tilda

        Och igår stod det till och med TROJANSK HÄST HAR BLOCKERATS men inte längre, som tur är. 😉

      5. Felix

        Jag har kollat DDB nu. Det finns inte ett enda virus som kommer från denna sida. Du måste fått det från någon annan stans.

  30. SvaraVictoria

    Hej! Allt annat jag har gjort som står på denna sida men inte detta! Vet ej varför men jag måste ha hjälp! Har gjort om det 10000 gånger ):

  31. SvaraJosefin

    Hej! Jag har fått in bilderna och sånt men nu är headern på inlägget och allt är uppskjutet det ser jätte konstigt ut, hur ska jag ändra det? :O

  32. SvaraMadeleine

    jag har gjort precis som det står, tror jag, men sen när jag klickar in på min blogg så är det enda jag ser alla koder 🙁
    vad har jag gjort för fel? vorde vääldigt tacksam för svar!

      1. Madeleine

        jag testade igen, och är säker på att jag fick med hela koden, men det funkar fortfarande inte 😮

      2. Madeleine

        nu har jag äntligen fått det att fungera 🙂
        men hur gör man så att headern inte ligger så långt åt höger?

      3. Felix

        Prova denna kod. Hitta och ersätt med din i din stilmall.

        div#header {
          display: inline;
          padding: 0;
          border-bottom: 1px solid #ddd;
          width: 710px;
          margin-left:auto;
          margin-right:auto;
        }
        
      4. Madeleine

        det enda som hände var att “bakgrunden” till mina inlägg blev grå, som den andra bakgrunden. och inläggen hamnade ovanför “menyn”…

      5. Felix

        Madeleine – Jag skulle rekommendera dig att återställa din stilmall. Nu när jag kollar noga så ser jag massor av dubbletter och massor av fel. Återställ den och gör om.

        Som man brukar säga: “Gör om, gör rätt”. 🙂

      6. Madeleine

        jag återställde både stilmall och kodmall, men headern är kvar där på höger sida :/

      7. Madeleine

        åh, det fungerar verkligen inte 🙁
        nu är det ett blått streck högst upp i bloggen och headern ligger till höger, känns nästan som om det är dags att ge upp…

  33. SvaraBea och Lisa

    Våra bilder hamnar över inläggen och inte högst upp. Förstår inte hur man ändrar det.. Pleeease help

    1. SvaraFelix

      Bea och Lisa – Vad i helvete har ni gjort? Detta säger jag inte för att vara taskig, men rör inte sådant som ni inte ska pilla på. Ni har förstört allting i koden. Gör om HELA bloggen. Du har ingen , ingen , ingen till eran CSS fil, osv. Det är helt kaos.

      I det här fallet är det verkligen gör om gör rätt. Låt bli nästa gång att pilla på sådant ni inte förstår.

      Inget illa menat. 😉

      1. Bea och Lisa

        ouch, den sved.. haha. men vi gjorde om allt och började på ruta ett igen då, men det fungerar fortfarande inte!! är det vi som är helt retards eller whats up liksom???? varför lägger sig inte allt i mitten?

  34. SvaraMatilda

    Jag har gjort som det står, men när jag går in på bloggen så blir det bara en vit bild på headern..
    Hjälp!

  35. SvaraMatilda

    Har gjort som det står, men när jag klickar mig in på bloggen så syns bara en vit bild där headern ska vara?
    Hjälp!!

  36. SvaraDid

    Hej! Jag har gjort som det står, men jag får ingen slideshow. Jag ser endast den första bilden som jag lagt in… Koden som jag använder är den som ni hade för några veckor sedan, den som man måste kopiera nu fungerar inte alls, utan gör så att inläggen hamnen under bilden. Vad gör jag feeeeel :3 ?

  37. Svarasara

    Det funkar inte för mig, la in samma bild för att se om de funkade men de blev bara en liten ruta över min animerade header jag lagt in via stilmallen, o din kod lade jag in i kodmallen eftersom det är där man kodar med html.

    HJÄLP!

  38. SvaraLisa

    det funkar inte för mig, jag har försköt att göra en bildspelheader i två dagar nu ocg det funkar inte, va där felet måste jag ha en speciell stillmall från början eller vad är felet? HJÄLP! 🙁

  39. SvaraMatilda

    Nu har jag en ny design och jag har lagt in koden och bilder, fixat bredd, höjd och bytena, men det funkar inte…
    Hjälp snälla!

  40. SvaraJennifer

    Hello!
    Jag har testat flera gånger men det funkar verkligen inte 🙁
    det syns ingenting vad ska jag göra!?
    Är nybörjar med att blogga så det kan ju också vara en förklaring…

  41. SvaraAnna

    Tack! Har äntligen fått till det efter att kolla på alla koder och videon tusen ggr och sedan läsa igenom alla kommentar + svar!

  42. SvaraGabriella

    Hej jag har skrivit in allt och det ända som händer är att det kommer upp en liten vitt fyrkant i hörnet som rör på sej…? vad är det då som är fel ?

  43. SvaraLydia

    Hej!
    Jag följde den här guiden till punkt och pricka och lade in allt rätt och slätt i varje kodmall! Ändå syns det inte på bloggen och då undrar jag – vad är fel? /Lydia

  44. SvaraVictoria

    Händer ingentinng ): Kan ni hjälpa mig? KODA ÅT MIG SNÄLLA! SUTTIT OCH TRIXAT MED MIN NYA HEADER I 3 TIMMAR, SEN FUNKAR DET INTE ): SORRY CAPS…
    HJÄÄÄÄÄÄÄÄÄÄLP!

  45. SvaraJulia

    Jag har ett litet problem, och det är att det står “undefined” på bilderna nu istället.. Hur får man bort det?

    1. SvaraFelix

      Vet faktiskt inte vart den kommer ifrån. Den finns inte med i källkoden. Riktigt skumt. Men jag antar att det är någon variabel som inte är rätt. Ska kolla lite mer.


    2. Author
      SvaraLari

      Du har tagit bort lite kod som gör att det står undefined under.

      Leta upp den här koden:

      variableslide[0]=['http://juliaalqvist.blogg.se/images/2012/t4_195248139.jpg']
      variableslide[1]=['http://juliaalqvist.blogg.se/images/2012/sumedition5_195248349.jpg']
      variableslide[2]=['http://juliaalqvist.blogg.se/images/2012/thailand6_195248222.jpg']
      variableslide[3]=['http://juliaalqvist.blogg.se/images/2012/emmsi_195248057.jpg'] 
      variableslide[4]=['http://juliaalqvist.blogg.se/images/2012/img_0818_195248877.jpg'] 
      variableslide[5]=['http://juliaalqvist.blogg.se/images/2012/a_195248012.jpg'] 
      

      Ersätt med:

      variableslide[0]=['http://juliaalqvist.blogg.se/images/2012/t4_195248139.jpg','','']
      variableslide[1]=['http://juliaalqvist.blogg.se/images/2012/sumedition5_195248349.jpg','','']
      variableslide[2]=['http://juliaalqvist.blogg.se/images/2012/thailand6_195248222.jpg','','']
      variableslide[3]=['http://juliaalqvist.blogg.se/images/2012/emmsi_195248057.jpg','',''] 
      variableslide[4]=['http://juliaalqvist.blogg.se/images/2012/img_0818_195248877.jpg','',''] 
      variableslide[5]=['http://juliaalqvist.blogg.se/images/2012/a_195248012.jpg','',''] 
      
  46. SvaraFanny Eriksson

    Hejhej, vet du hur man gör så att det slidar på sidan asså den adra bilden som kommer efter kommer från högra sidan?

  47. SvaraEmma

    När jag gjorde den här rullande headern så kom inlägget på headern? hur ska jag göra?? Tacksam för svar!! =)

  48. SvaraMerna

    Hej jag undra om någon kan kompiera texten man ska och skriva den under här , för jag kan inte kompiera den för att de är sidor och de går inte på min tröga dator snälla svara nån ?? 🙂

  49. SvaraMoa

    När jag lägger in den syns bara den headern som är i stilmallen, och om jag tar bort den som jag har i stilmallen så finns det ingen header 🙁 Help??

  50. SvaraTyra

    När jag skulle sätta in så blev det bara en massa HTML-koder över hela headern! Så jag tog bort det och försökte igen – samma sak! Jag fattar inte vad jag gör för fel?

  51. SvaraCarro

    hej! lagt in alla koder och gjort rätt, men det funkar ej. skall fixa åt min kompis men testade först. kan jag fö hjälp. bloggen heter http://www.mintestdesignblog.blogg.se och koden ser ut såhär

    /***********************************************
    * 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[0]=[‘http://mintestdesignblog.blogg.se/images/2012/bild-9_200089205.jpg’]
    variableslide[1]=[‘http://mintestdesignblog.blogg.se/images/2012/1_200089783.jpg’]
    variableslide[2]=[‘http://mintestdesignblog.blogg.se/images/2012/hejdsdbn_200090358.jpg’]
    //configure the below 3 variables to set the dimension/background color of the slideshow
    var slidewidth=’1000px’
    var slideheight=’200px’
    var slidebgcolor=’#F3F3F3′
    var slidedelay=3000
    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='’
    if (variableslide[currentslide][1]!=””)
    contentcontainer+=”
    contentcontainer+=”
    if (variableslide[currentslide][1]!=””)
    contentcontainer+=”
    contentcontainer+=”
    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(”)
    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

    behöver hjälp snarast!

  52. Svaraemma

    /***********************************************
    * 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]=[http://publishme.se/3045395/images/199941856/]
    variableslide[1]=[http://publishme.se/3045395/images/199942592/]
    variableslide[2]=[http://publishme.se/3045395/images/199943460/]

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

    var slidewidth=’200px’ //skriv i bredden på dina bilder här!
    var slideheight=’200px’ //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=4000

    ////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='’
    if (variableslide[currentslide][1]!=””)
    contentcontainer+=”
    contentcontainer+=”
    if (variableslide[currentslide][1]!=””)
    contentcontainer+=”
    contentcontainer+=”
    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(”)

    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

  53. SvaraCristiano

    Hejsan skulle du kunna hjälpa mig lägga upp koden längst ovanför texten 😀 vill gärna ha den ..vill lägga upp sen själv 3 bilder ^^
    vi kan ta det på msn om du vill eller så får du min kod på bloggen

  54. SvaraVera

    Hej, jag gjorde precis som det står tror jag, men det funkar ändå inte! Vet inte vad som är felet…. kan ni jälpa mig?

  55. SvaraAmanda

    hej jag har gjort som det står men det funkar inte? kan du hjälpa mig? tack 🙂 amandaremi.blogg.se

  56. SvaraIziee

    Gjorde precis som det stod men det fungerar inte för mig! Glad för all hjälp jag kan få! 🙂

  57. SvaraOlivia

    Hej ! det funkar jätte bra ….Bara det att alla mina inlägg försvann på första sida
    tacksam för hjälp 🙂

  58. SvaraSandra

    Kan man flytta på bildspelet, typ till vänster, längre ner från toppen osv…? I så fall hur gör man det? Min sitter jätte konstigt och skulle bli glad om man kunde använda någon kod för att fixa till den som jag vill ha den!

  59. SvaraMaja

    Jag försökte, men det gick inte så bra. Den gamla headern som jag hade tog jag bort och ersatte med det här, men den headern försvann aldrig och nu är alla grundinställningar som jag gjorde i stilmallen! what to do? ingenting vill förändras heller. hmm, ledsen flicka behöver hjälp ):

  60. SvaraEbba

    Asså det funkar inte ! jag har försökt med allt, alla tips alla har skrivit här i kommentarerna, men det funkar inte! hjälp mig ? Littleyears.blogg.se

  61. Svarahannah

    Jag gjorde detta men sen så ångra jag mig och tog bort all dessa koder. Men när jag förgranskade det så försvann alla mina bilder från de 2 senaste inläggen? Hur kan man få tbx dom? Måste jag ladda up dom på nytt? :/

  62. SvaraSofie

    Hey! Jag har fått igång allt perfekt med bildspelet på bloggen, men nu har min inläggssida flyttats till vänster om headern och sido-menyn hamnat för mycket till höger! Vad har jag gjort fel!?

    Tacksam för svar!
    /Sofie

  63. SvaraVikkipedia

    Fungerar det inte med .png-filer? Det verkar konstigt om det inte gör det, tycker jag. Och om det gör det har jag gjort något annat fel. Jag får lägga ner min stolthet och be någon av er om hjälp! 🙂


    1. Author
      SvaraLari

      Hm, jag vet inte.. har inte testat. Men såg ingen slideshow på din blogg, så det är svårt att se vad som felas…

  64. SvaraAdina

    Det blev ett bildspel , men det översta inlägget hamnar över bildspelet och bildspelet hamnar över menyn ! Hur gör jag?

  65. Svaramy

    hej, kan man få typ en annan “slide” metod? typ som bilderna tonar in varandra, istället för “slide” åt ena hållet.

    1. SvaraHanna

      Precis det skulle vara super om det var någon slags övergång som tonar eller något liknande. Om det var det du menade

  66. SvaraMalin

    Hej! Det funkade först, men sen skulle jag lägga in flikar vid min header, och nu visas bara den första bilden på bildspelet (eller vad man ska kalla den!) så jag tog bort flikarna, men det hjälpte inte. Vet någon hur jag kan göra? :/

  67. SvaraNellie

    Hejsan!
    Jag har försökt att trixa ihop ett bildspel som går åt vänster med EaseOut funktion, men det går inte alls som jag vill. Något som du eller någon annan här kan hjälpa mig med? Skulle vara super!

    ,Nellie

  68. SvaraHanna

    påtal om övergångar. Så vill jag ha en liten övergång på min slideshow och undrar hur man gör för jag har sökt och sökt på google men inte hittat någonting. om du kikar in på min header så ser det ganska trist ut med inga övergångar alls ^^

    Jag skulle vara väldigt tacksam om du eller någon annan kan hjälpa mig 🙂 <3

  69. SvaraAgnes

    Har försökt och gjort om det 2 gånger men det fungerar inte 🙁 nu har jag ingen header alls… Vad har jag gjort för fel? Eller fungerar det inte med png-bilder?

  70. SvaraSally

    Hejsan, jag har pillat ihop den där koden som den ska vara(tror jag) men ändå vill den bara ha orginakheadern och ingen slideshow.

    Vad har jag gjort för fel? :/

    Vore jättetacksam för hjälp.

    Mvh Sally

  71. SvaraFrida

    Har försökt i över en timma, men får aldrig till det.. Därför återskapade jag stilmallen, kan man få hjälp?
    Skulle uppskatta det något rejält!

  72. SvaraMärta

    Allt funkar bra förutom att den är LITE för långt ner så det blir ett vitt streck högst upp. Hur fixar jag det? Sen undrar jag också om någon vet hur man får snygga övergångar mellan bilderna, så att de inte bara byter utan skiftas in i varandra litegran?! Om nån fattar?

  73. SvaraMatilda

    Funkade superbra för mig!! riktigt snyggt
    men jag har en fråga, jag skrev ingenting under headern, hur gör man för att få bort texten ”undefined” ?

  74. SvaraVendela

    allt funkar jätte bra, men headern kommer inte i mitten där den ska vara utan ner för rubriken på mitt inlägg och sedan åt höger så den är sne. hur ska man göra för att få den rak??

  75. SvaraNEEMEES.COM

    Suck…nu har jag provat länge…och det är viktigt att det ser bra ut.
    Och jag får inte det att fungera helt enkelt.

    Skulle behöva stor hjälp.

    neemees.com

  76. SvaraAlma

    Hej! Jag har gjort allt du har skrivit punkt efter punkt men det funkar inte…Snälla hjälp mig! Skulle bli jätte glad! Fattar inte vad som är felet…Hjälp mig!! 🙂

  77. SvaraLouise

    Hej! 🙂
    Skulle bli super glad om du ville hjälpa mig..

    Har “luskamamt” hela texten, men hittar verkligen inte vad jag har gjort fel.. När jag “sparar” och hela faderuttan, så har jag ingen header alls, och jag förstår inte vad jag gör för fel :s…

    Tacksam för hjälp, Louise (www.Island.blogg.se)

  78. SvaraSaga

    Alltså nu har jag suttit och försökt jättelänge :/ Det blir som en stor kod som lägger sig över hela “inläggskolumnen”.. Hjälp?:(

  79. SvaraSaga

    Alltså nu har jag suttit och försökt jättelänge :/ Det blir som en stor kod som lägger sig över hela “inläggskolumnen”.. Hjälp?:(

    Användarnamn och lösen: julia

  80. SvaraLouise

    Så, jag har nu lagt in allt och fixat och pillat i EVIGHETER men headern vill inte lägga sig centrerat och i höjd med inlägg och menyn över. Såg i din video att det i kodmallen, där headern i vanliga fall ska ligga, låg något med en gif. Vad är detta?

    här är testbloggen jag håller på med det på: http://weltreise.blogg.se

  81. SvaraJennifer

    Jag har fått det att funka. Men det tar jättelångtid att komma till bloggen, den står och laddar rätt länge innan man kan komma fram till den. Så var det inte innan, hoppas på hjälp!

  82. SvaraCarla

    Hej! allting för mig funkade fint 🙂 Är nöjd och tack för tipsen MEN kan man inte byta till en annan övergång till bildspelen? som denna t ex http://hyff.blogg.se/ ???
    Lite tråkig att bilden bytar sådär kall enligt mig.
    Kram!

  83. SvaraEmma

    Jag funderar på att göra en slideshow i mn header, men det verkar som att bilderna i denna kod byts ut snabbt, jag vill att det ska gå långsammare när bilden byter till nästa !

    Hur ändrar man det ?

    och när jag testat förut med denna kod kom det text över headern, alltså typ koden sundes över headern ?!

  84. SvaraGio

    Hej! Behöver hjälp… har lagt in allting och de funkar super… det ända är att headern ligger mitt i mina inlägg, jag har fixat o trixat med stilmallen jätte mycket men vet inte hur jag ska få det att funka!!! hjälp mig 🙁

  85. SvaraSara K

    Jag har gjort som det står och det ser riktigt bra ut! 🙂
    Undrar dock hur man kan få headern med centrerat nu med slideshowen?
    Min är placerad i högra nedre hörnet.

  86. SvaraMimmi

    Hej
    Jag jag kan inte hitta var jag ska klippa in koden. detta”div” grejjen finns inte. 🙁 hur gör jag då?

  87. Svarasanna

    det funkar inte och göra med fler än tre bilder eller? har förökt men det funkar inte hjälp? 🙁

  88. SvaraEbba

    Det går inte för mig, alltså det blir helt vitt bara det kommer inte upp nån header alls snälla hjälp mig!

  89. SvaraLiv Sebbas

    jag har försökt 2 gngr nu men det funkar inte, på bloggen kommer det bara upp kodmallen och texten ur den istället för bilderna, kan du fixa det åt mig?

  90. SvaraIsabella

    Hej!
    Det funkade perfekt för mig förutom att det bara går att ha på framsidan inte på inlägg, arkiv och kategorier. Vet någon vad det är för fel?

  91. SvaraIsabella

    Hej!
    Det funkade perfekt för mig förutom att det bara går att ha på framsidan inte på inlägg, arkiv och kategorier. Vet någon vad det är för fel? utan att den är på sidan och inte i mitten då

  92. SvaraLovisa

    Antingen har jag en vit rand längst upp på headern eller så får inte hela headern plats, den trycks liksom uppåt. Har suttit flera dagar och försökt men hittar inte rätt koder. Snälla Hjälp!

  93. SvaraAmanda

    Allt funkar helt perfekt, meen. Hur ska ja göra då jag vill flytta min header en aning åt höger då den ligger mer till vänster?

    1. SvaraNora Ekerfelt

      Gå in i stilmallen & till stycket “#header”. Där lägger du till följande kod:
      margin-left: 10px; Om du vill flytta headern ännu mer, ökar du talet (altså 10) till en högre siffra! 🙂

  94. SvaraNellie

    Hej, det funkade inte för mig.. har inte hållit på med sånt förut så gjorde en testblogg för att prova. Skulle vara tacksam för hjälp!

  95. SvaraSamantha

    Snälla hjälp! Jag fixade det och det blev bra men bara när jag kollar bloggen genom ” gå till samanthacazydawn.blogg.se” om jag går in ”direkt” så hackar headern mellan bilderna!!!! HJÄLP!!!! Kolla bloggen och se vad det är för fel snälla!

  96. SvaraElin

    Hej, jag undrar om någon vet hur man kan få en lite mer “smidig” övergång mellan bilerna? När bilden ska bytas är det värdigt hackigt, som att hela bilden laddar om. Om ni kollar på min blogg förstår ni nog hur jag menar!

  97. SvaraGabriella

    Hej! Allt fungerade perfekt! Men så såg jag att jag har fått en liten grå rand uppe i det vänstra hörnet, och den vill inte försvinna! 🙁 Super tacksam för svar trots att detta inlägget är ganska gammalt, men behöver verkligen åtgärda detta! 🙂

  98. SvaraGabriella

    Hej! Allting fungerade perfekt! Men sedan såg jag att jag fått en liten grå rand i övre, vänstra hörnet och har ingen aning hur jag har gjort det eller hur jag ska ta bort den… Är tacksam för snabbt svar trots att detta inlägget är ganska gammalt, men behöver verkligen åtgärda detta… 🙂

  99. SvaraAgnes

    Allting funkade jätte bra och det ser bra ut när man ä inne på startsidan Men om man gå in på ett inlägg så försvinner headern helt. jag försökte lägga in kodn på kodmallar, inlägg. Men då försvann headern från startsidan också. Vad har jag gjort för fel?

    min blogg: agneshansson.blogg.se

  100. SvaraTezzan

    Åh äntligen!
    Jag fick först inte upp något alls, men efter att ha laddat upp bilderna på bloggen istället för tinypic. Jag trodde inte det skulle spela någon roll vilken källa bilderna hade. Sen så vill ju gärna kodmallen i nuvarande blogg.se göra femtioelva mellanslag och enter själv, vilket jag fick ta bort. Speciellt då när jag skulle lägga in länkarna till bilderna.

    Jag har lagt min slider i content på startsidan. (Jag har möblerat om lite så inlägg ej finns på startsidan…)

    Kanske hjälpte detta någon som haft problem 🙂

  101. SvaraPaula Sondell

    Allt funkar…nästan. Jo, det är så att min slideshow gör så att mina inlägg och min sidmeny inte syns! Varför är det så?

    1. SvaraSanna Preifelt

      Mycket svårt att svara på utan att se dina koder. Lämna gärna en testblogg eller länken till din blogg så att vi kan titta 🙂

  102. SvaraErika

    Hejsan! Jag har lagit in koden, på rätt ställe och dubbel och trippelkollat den. Men inget reslutat? Det är helt tomt där headern ska vara. Vad har jag missat/gör fel? Plus, har lagt till tre bilder på sidan som skall vara länkade, men länkningen verkar inte funka? Hjälp vore mycket uppskattat..

    1. SvaraSanna Preifelt

      När jag går in på din blogg så ser jag din slideshow, och den byter bilder också. Jag ser att alla bilder är länkade till “Om oss”.

  103. SvaraNadja

    Hejsan! Jag vet inte vad jag gör för fel, men hur jag än försöker så fungerar det inte. Startsidan och kommentarsidan fungerar men kategorisidan ser helt konstig ut och jag förstår inte vart jag ska klistra in det på arkivsidan. Skulle vara väldigt tacksam för svar, jag har försökt hur länge som helst med att få det att fungera, men utan resultat…

    1. SvaraSanna Preifelt

      Ser ut som att du tagit bort allt på kategorisidan, prova att återställa din blogg och börja från början med tipset 🙂

  104. SvaraKristina

    Hej,

    Jag håller på och försöker skapa en design och vill ha en förhandsvisning på olika inlägg från olika kategorier, något som är väldigt populärt på större bloggar och i wordpress.. går det att kolla denna slideshowen till thumbnails i kategorierna?
    Flera bloggare, inklusive , har en förhandsvisning på populära eller vissa inlägg.
    Jag har hittat flera koder till wordpress och blogger men kan inte för mitt liv komma på en bra kod som funkar för blogg.se..

    Min tanke är att ha en thumbnail för kategorin “travel”, en thumbnail för “Lifestyle” osv.. där den antingen visar det senaste inlägget i just den kategorin eller det mest populära/kommenterade inlägget.

    Exempel på bloggar som har den funktionen:

    Någon som har en bra lösning?
    Jag har skapat tre olika headers för att lägga in dessa slides om det behövs, men jag kommer inte längre. Vet snart inte vad jag har och inte har gjort.

    MVH
    Kristina

  105. SvaraMinda

    Hej! Jag vet inte om någon kan svara på den här frågan nu längre, men jag har använt mig av det här och har nu problem… Det funkar som det ska förutom att headern täcker en del av inlägget i början. Hur kan jag flytta upp headern??
    TACKSAM FÖR SVAR!

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *