JS um Bilder alle x Sek auszuwechseln.

[Geldmann3]

Hallo Leute, ich suche nach einem Javascript, welches es mir erlaubt bestimme Bilder alle X Sekunden gegen jeweils ein anderes auszutauschen, und anschließend wieder umgekehrt. Ich habe 9 Bilder auf einer Internetseite und möchte, dass diese sich ändern. Bisher habe ich so etwas immer mit einer .gif Animation verwirklicht, doch da reicht mir die Qualität nicht mehr aus.

Kennt jemand hier vielleicht ein kostenloses Javascript welches dies bewerkstelligt? Meine JS Kenntnisse sind nur minimal.
Wäre echt genial.

[darph]

http://medienfreunde.com/lab/innerfade/

[Geldmann3]

Vielen Dank, es scheint zu funktionieren, jedoch wird das ganze auf meiner eigenen Internetseite im Firefox fehlerhaft dargestellt.
Siehe Hier (http://riederwald.mine.nu/Gemeinde/Try.html)

Da ist ein Punkt unten links neben dem Bild, was mache ich falsch?

Nachtrag: Habe den Fehler gefunden, war der Doctype.

[darph]

list-style-type (http://de.selfhtml.org/css/eigenschaften/listen.htm#list_style_type): none

;)

[Geldmann3]

Das ganze funktioniert im Internet Explorer wunderbar, doch im Mozilla Firefox erscheint immer der Punkt unten rechts neben dem Bild, wenn ich es in einer Tabelle setze.
Siehe LINK (http://riederwald.mine.nu/Gemeinde/Try.html)
Wie kann ich das beheben?

Ohne Tabelle funktioniert das ganze wunderbar, doch sobald ich das Bild in die Tabelle setze, scheint das .css Style im Firefox seine Wirkung zu verlieren.

Nachtrag: Ich habe eine Möglichkeit gefunden, jedoch muss ich das list-style-type: none dann bei jedem Listenpunkt einzeln anwenden, geht das nicht schneller?

[darph]

Ich würde dir empfehlen, mal ein paar Tutorials zum Thema HTML und DOM durchzulesen.

<li> ist ein Tag für Listenelemente (http://de.selfhtml.org/html/text/listen.htm#aufzaehlung) in einer Liste. Du hast in deiner Seite jede Menge Listenelemente verstreut, aber keine Liste.

[Geldmann3]

HAHAHAHAHAHHAHAHA - ich dachte die brauche ich, dass das Script funktioniert. Habe sie jetzt alle rausgemacht und alles geht perfekt.!

???
Ich weiss schon was das ist, aber warum wurde es im Beispiel so gemacht? Da sollte doch auch keine Liste erscheinen.
<ul id="portfolio"> <li> <a href="http://medienfreunde.com/deutsch/referenzen/kreation/good_guy__bad_guy.html"> <img src="images/ggbg.gif" alt="Good Guy bad Guy" /> </a> </li> <li> <a href="http://medienfreunde.com/deutsch/referenzen/kreation/whizzkids.html"> <img src="images/whizzkids.gif" alt="Whizzkids" /> </a> </li> <li> <a href="http://medienfreunde.com/deutsch/referenzen/printdesign/koenigin_mutter.html"> <img src="images/km.jpg" alt="Königin Mutter" /> </a> </li> <li> <a href="http://medienfreunde.com/deutsch/referenzen/webdesign/rt_reprotechnik_-_hybride_archivierung.html"> <img src="images/rt_arch.jpg" alt="RT Hybride Archivierung" /> </a> </li> <li> <a href="http://medienfreunde.com/deutsch/referenzen/kommunikation/tuev_sued_gruppe.html"> <img src="images/tuev.jpg" alt="TÜV SÜD Gruppe" /> </a> </li> </ul>
Why?

[Nedo]

HAHAHAHAHAHHAHAHA - ich dachte die brauche ich, dass das Script funktioniert. Habe sie jetzt alle rausgemacht und alles geht perfekt.!

???
Ich weiss schon was das ist, aber warum wurde es im Beispiel so gemacht? Da sollte doch auch keine Liste erscheinen.

Why?
Ne Liste kann übersichtlich sein ^^
Da sollte man dann aber im CSS etwas schreiben wie: ul#portfolio li {list-style-type:none;}
Oder sowas in der Art :)
Errr, das li kann man nich weglassen xD