Bildershow - absoluter Anfänger Einstellungen

[engelchen301]

Hallo Zusammen,

ich bin ein absoluter Homepageanfänger! Ich bin jetzt dabei mir eine zu erstellen und ich möchte kleine Vorschaubilder auf meiner Page, die, wenn man draufklickt, groß werden. Das hab ich auch schon hingefummelt:
<a href="Foto.jpg"><img src="Foto.jpg" width="200" height="150" alt="Vorschau" border="1">

Jetzt möchte ich aber gerne, daß, wenn man das große Bild auf hat, man mit einem "Weiter" Knopf zum nächsten großen Bild wechseln kann. Damit die Besucher meiner Page dann nicht immer auf zurück müssen und dann das nächste Vorschaubild anklicken müssen. Drück ich mich verständlich aus?

Ich hoffe jemand kann mir helfen, aber bitte kein zu schweres Fachchinesisch, wie gesagt ich bin absoluter Neuling auf dem Gebiet

Danke im Voraus

[Peter Gedamke]

hatte ich wohl :-)
aber wow - da haben ja bereits die Thumb's Grössen von durchschnittlich 45-50 kb
Sonst aber doch gut gemacht! Richtig ist aber, dass "design & layout by Andrea -->" nüscht über dem Doctype zu suchen hat. Gehört in die Metas, evtl. auch in dei Beschreibung etc

[Thomas]

aber wow - da haben ja bereits die Thumb's Grössen von durchschnittlich 45-50 kb

Das sind auch keine Thumbnails, das sind die großen Bilder, kleinskaliert durch den Browser. Da muss wohl von der TE nochmal nachgearbeitet werden - oder es ist Absicht, damit die Anzeige der Bilder im Großformat schneller abläuft (was ich aber eher nicht glaube)?

@engelchen301: Für die Vorschau solltest du kleinere Versionen der Bilder erzeugen. Du hast sonst z. B. Datenmengen von über einem Megabyte bei der 2007er Seite, was allgemeinhin als zuviel angesehen wird.

[Thomas]

Und noch ein kleiner Hinweis am Rande: Dateinamen mit Leerzeichen funktionieren zwar meistens, aber das muss nicht unbedingt immer der Fall sein. Deshalb würde ich grundsätzlich empfehlen, auf Leerzeichen in Dateinamen zu verzichten und sie ggf. durch einen Unterstrich ('_') zu ersetzen.
Alternativ sollte man zumindest bei der Referenzierung das Leerzeichen durch "%20" ersetzen, also z. B.

HTML

<a href="Familie%20Molly.html"><img src="Familie%20Molly.gif" onMouseOver="this.src='Familie%20Molly1.gif'" onMouseOut="this.src='Familie%20Molly.gif'" border="0" alt="Familie Molly">

statt

HTML

<a href="Familie Molly.html"><img src="Familie Molly.gif" onMouseOver="this.src='Familie Molly1.gif'" onMouseOut="this.src='Familie Molly.gif'" border="0" alt="Familie Molly">

Und was mir beim Kopieren des Quelltextes noch aufgefallen ist: Da sind viele böse Macken im HTML-Code (Tabellen ohne <tr> und <td>, Anker ohne schließendes </a>, Absätze ohne schließendes </p>)! Nichts, was ein aktueller Browser nicht dennoch irgendwie ansatzweise korrekt interpretieren würde - aber eben auch nicht mal ansatzweise korrektes HTML .

[edit: Beispiel deutlicher herausgearbeitet und noch einen weiteren Problempunkt hinzugefügt]

Der Beitrag wurde von Thomas bearbeitet: 30.06.2007 - 14:37