Felix Riesterer: Mehrere anzeigen von wechselnden Bildern

Beitrag lesen

Lieber Darkangel142,

für Bildwechsel gibt es hier einen Fachartikel. Da Du Deine Wechsel mit JavaScript umsetzt, ist Dein Themenbereich natürlich nicht (X)HTML, sondern eben JavaScript.

In diesem Fachartikel findest Du genügend Hinweise, wie Du mit einem fertigen Script mehrere Bildwechsler elegant in Deine Seite einbinden kannst, ohne dass Dein JS-Code unübersichtlich wird.

Ich habe es bereits hinbekommen mehrere elemente zu definieren und auch zu platzieren

Von welchen Elementen sprichst Du? Und was meinst Du mit "platzieren"? Diese <div align="center"> hat man vielleicht um die Jahrtausendwende so gehandhabt, mittlerweile gibt es in allen hinreichend aktuellen Browsern aber exzellenten CSS-Support, den man für "platzieren" auch nutzen sollte. Das Kapitel "CSS/Anwendung und Praxis" sollte Dir die notwendigen Hilfestellungen geben.

Mit genügend CSS kannst Du dann auch das Aussehen Deiner Bildwechsler anpassen, falls deren Standard nicht genügen sollte!

Es geht um eine HTML seite für ein Schulprojekt also nicht wudern ;)

Was willst Du damit sagen?

<head>
<title>Ashton Kutcher</title>
<div align="center">
<h1>Ashton Kutcher</h1>
</div>
</head>

Es gibt strenge Regeln, welche Elemente in <head> erlaubt sind (und welche anderen deshalb nicht). Die Elemente <div> und <h1> gehören also offensichtlich nicht in den <head>. Das macht Deinen Code bezüglich der Spezifikationen fehlerhaft.

<img src="Die Wilden Siebziger.gif" width="300" height="200" alt="Die Wilden Siebziger">
<script type="text/javascript">
[... JS-Code ...]
</script>
</img>

Das ist Quatsch. Ein <img>-Element ist ein leeres Element, das keine Kindelemente aufnehmen kann. <img>...</img> hat sich leider nicht als Schreibweise für Alternativinhalt durchgesetzt. Dieser muss in das alt-Attribut (wie Du ja schon richtig notierst). Entweder Du lässt das <img>-Element "offen", oder Du notierst es eben selbst-schließend <img />.

Du entwickelst wahrscheinlich auf einer Windows-Kiste. Bitte beachte, dass Dateinamen nach dem Hochladen Probleme bereiten können, wenn sie Großbuchstaben, deutsche Sonder- oder sonstige spezielle Zeichen enthalten, da das korrekte Enkodieren des Dateinamens (sozusagen der letzte Teil der WWW-Adresse) im Rahmen des Referenzierens in HTML sein muss. Ich empfehle meinen Schülern immer Kleinbuchstaben, Ziffern, das Minuszeichen, den Unterstrich und den Punkt. Alle anderen Zeichen sind potenzielle Fehlerquellen, die man von Anfang an vermeiden kann.

Vergiss bitte nicht, dass <img>-Elemente inline-Elemente sind, die in einem Block-Element (z.B. <p>, <h1>..<h6>, <li>, etc.) stehen sollten.

Liebe Grüße,

Felix Riesterer.

--
ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)