• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

JavaScript wechselt CSS-Style nicht aus

W

Wairimu

Neues Mitglied
"Kutatuliwa:" JavaScript wechselt CSS-Style nicht aus

Hallo,

ich versuche gerade ein DIV mittels Javascript einzublenden bei eingeschaltetem Javascript.

In diesem DIV liegen Bilder für eine Slidesow:
HTML: 
      <div class="container">
          <div id="header" class="headerimage">
              <img src="headerimages/Home_logo1.png" width="1030" height="220" alt="" />
              <img src="headerimages/Home_logo2.png" width="1030" height="220" alt="" />
              <img src="headerimages/Home_logo3.png" width="1030" height="220" alt="" />
              <img src="headerimages/Home_logo4.png" width="1030" height="220" alt="" />
              <img src="headerimages/Home_logo5.png" width="1030" height="220" alt="" />
              <img src="headerimages/Home_logo6.png" width="1030" height="220" alt="" />
              <img src="headerimages/Home_logo7.png" width="1030" height="220" alt="" />
              <img src="headerimages/Home_logo8.png" width="1030" height="220" alt="" />
              <img src="headerimages/Home_logo9.png" width="1030" height="220" alt="" />
          </div>
         <noscript>
             <div id="header" class="span-26 last">
                   <img src="headerimages/Home_logo9.png" width="1030" height="220" alt="" />
                </div>
         </noscript>

Und passend dazu der Teil aus der screen.css
HTML: 
.headerimage {
     display: none;
    margin-right: 0;
    width: 1030px;
    background: #80EDFF;
}

Im Head stehen folgende JavaScript-Anweisungen
HTML: 
<head>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.cycle.all.min.js" type="text/javascript"></script>
<script type="text/javascript"> 
       $(function(){ 
      $('#header').cycle({ 
       //  fx: 'turnDown' 
       //  fx: 'scrollDown' 
       //  fx: 'scrollLeft' 
      }); 
       }); 
 
     </script> 

<script type="text/javascript">
    document.('header').style.display = 'block';
</script>

</head>
Die jQuery-Scripte erzeugen die Slideshow, die auch funktioniert. Nur die Anweisung "document.getElementById" tauscht nicht den Value "none" gegen "block" in dem CSS-Style mit der ID "header" in der geladenen screen.css aus.

Könnt ihr mir sagen was ich noch falsch mache?

Vielen Dank!

Wairimu
 
Zuletzt bearbeitet:
@Tronjer: musste etwas schmunzeln :O)

vielleicht eher so,

Code: 
$('#header').fadeIn();

arbeitest doch schon mit jquery also nutze das auch.

Cheffchen
 
Watu kusahau hayo. Mimi kutatuliwa yenyewe bila vijiji euere Kihispania. Kuzungumza na gurus ni namna fulani ya kijinga.

Leute vergesst es. Ich habe das selber ohne euere spanischen Dörfer gelöst. Mit Gurus reden ist halt doch irgendwie blöd.
 
Um es nochmal zu verdeutlichen:

Falsch:
Code: 
document.('header').style.display = 'block'

Richtig wäre z.B.:
Code: 
document.getElementById('header').style.display = 'block'

Und das Stichwort dafür steht ja sogar in deinem eigenen Beitrag ;)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben