slideshow

willytyp · 24. Feb. 2015

Hallo,
ein blutiger Anfänger in JS bittet euch um Hilfe.
Ich habe eine Slideshow erstellt(kopiert) die auch wunderbar läuft. Leider werden die Bilder zu klein ausgegeben. Im Original sind sie ausreichend groß.

Hier mal der JS Quellcode:

HTML:

 <img id="diashow" src="galerie1/garten1.jpg">
</img>

</head>

<body>
 <script type="text/javascript">

(function(imgId,intervalSec) {
  var i=0;
  var pictures = [
    "galerie1/garten1.jpg",
    "galerie1/garten2.jpg",
    "galerie1/garten3.jpg",
    "galerie1/garten4.jpg"
  ];

  window.setInterval(function(){
    i=(++i)%pictures.length;
    document.getElementById(imgId).src =  pictures[i];

    <script type="text/css">
    <div id=pictures[i]>
    </script>

  },intervalSec * 1000);

})("diashow",5);
</script>

</body>

CSS

Code:

#pictures[i]
{
position: absolute;
width: 100px; height: 100px;
}

Hat eine(r) von euch die Lösung für mich?

LG
Willytyp

Sempervivum · 24. Feb. 2015

Dein img-Tag steht im Head, es muss in den Body. Außerdem darf es kein schließendes </img> haben.
<script type="text/css"> gibt es nicht. Außerdem kannst Du innerhalb eines Skript-Bereiches kein weiteres <script> notieren.
Warum deine Bilder zu klein angezeigt werden, sehe ich nicht. Poste doch mal das vollständige CSS oder besser noch die URL der Seite, wenn sie online ist.

willytyp · 25. Feb. 2015

Hallo Sempervivum,
vielen Dank für die Hinweise. Habe ich sofort korrigiert und es funktioniert.
Das mit der Bildgröße hat sich auch erledigt, war mein Fehler.
So, nun werde ich mich verstärkt mit JS befassen.

LG
willytyp

slideshow

willytyp

New member

Sempervivum

Banned

willytyp

New member