Zum Inhalt springen

Bilderwechsel


2-frozen

Empfohlene Beiträge

Ich bin der Meinung, ich hätte sowas irgendwann schon irgendwo mal gesehen/gelesen .. aber das Netz ist groß :D

Ich habe ein Verzeichnis mit Bildern, die sich häufig ändern. Also ein altes fliegt raus, ein paar neue kommen hinzu usw. Jetzt suche ich nach einer Möglichkeit (wenn es geht, nicht JAVA oder ASP) entweder in einem Frame (Idealer wäre ein Tabellenfeld) ein Bild darzustellen, daß sich wechselt im Sinne von animierten GIF. Nur das es halt kein animiertes GIF sein soll, sondern das eben die Bilder aus dem Verzeichnis nacheinander geladen werden, im was weiß ich 10 sekunden abstand oder so. Ganz automatisch und mit schleife.

Wie realisiere ich das am besten? Gibt es dafür vielleicht irgendwo ein fertige Script, wo ich mir das mal anschauen kann?

2-helpless

Link zu diesem Kommentar
Auf anderen Seiten teilen

Mmh.. ich würd sagen, ganz simpel mit JavaScript... sollte nicht so schwer sein.

Oder eine andere möglichkeit mit Perl.. *g*.. jaja... ich weiss, ich bin ein Perl Freak... ganz einfach ein Skript schreiben, was das Verzeichnis ausliest und dann im Random Verfahren ein Bild anzeigt. Und für die aktualisierung einfach im HTML Head ein meta refresh mit der gewünschten Zeitspanne eintragen :)

Link zu diesem Kommentar
Auf anderen Seiten teilen

Ich bin ganz klar für JavaScript. Einfach den Scriptteil vor dem Body-Tag einfügen (damit alle Bilder vor Benutzung zur Verfügung stehen).

Einfache Problemlösung solltest du bei SelfHTML finden. Anstatt die Bilder per Maus zu ändern, wie bei normalen RollOver-Effekten, kannst du sie nach bestimmten Zeitintervallen wechseln lassen.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Auf jeden Fall JavaScript, hier ist ein Script von meiner WebCam, vielleicht kannst Du damit (oder auch mit Teilen davon) was anfangen :) Das Script tauscht in festem Intervall ein normales Bild in einer HTML-Datei aus :

<script language="JavaScript">

function reloadCam()

{

reload = new Date();

reload = "?"+reload.getTime()

document.images["webcambild"].src = "bilder/webcam/webcam.jpg"+reload

setTimeout("reloadCam()", 1000) // Zeit in ms

}

</script>

<br><br>

<img name="webcambild" src="bilder/webcam/webcam.jpg" border=0>

<script language="JavaScript">

reloadCam();

</script>

Link zu diesem Kommentar
Auf anderen Seiten teilen

Hmmmm...

1. sprach ich glaube ich nie vom "anklicken" oder MouseOver .. sondern vom automatischen wechsel. und das ist glaube ich auch das kleinste Problem.

2. Wie lese ich das Verzeichnis aus? Lasse ich es jedesmal erneut auslesen beim refresh oder seitenaufruf? Mit Perl das Verzeichnis auslesen, würde ich noch hinbekommen. Und daaaan? :D ... überge ich das in eine Textdatei, die ich dann irgendwie auslese, oder wie?

Gibt das Probleme, daß die Bilder unterschiedlich heissen und eventuell unterschiedliche Formate (GIF + JPG) haben?

2-frozen

Link zu diesem Kommentar
Auf anderen Seiten teilen

Original geschrieben von 2-frozen

2. Wie lese ich das Verzeichnis aus? Lasse ich es jedesmal erneut auslesen beim refresh oder seitenaufruf? Mit Perl das Verzeichnis auslesen, würde ich noch hinbekommen. Und daaaan? :D ... überge ich das in eine Textdatei, die ich dann irgendwie auslese, oder wie?

Wozu in eine Textdatei? Um es mit JS weiterzuverarbeiten oder wie?

Original geschrieben von 2-frozen

Gibt das Probleme, daß die Bilder unterschiedlich heissen und eventuell unterschiedliche Formate (GIF + JPG) haben?

Bei Perl nicht ;) bei JS *schulterzuck*.. :)

Ich eiss, es ist wahrscheinlich völlig hirnrissig sowas in Perl machen zu wollen, aber ich bin halt nun mal kein JS Freak und würde des in JS wahrcheinolich net hinbekommen,.. hier liegen zwar x-Bücher über JS, aber ich habe echt keine Zeit mich da einzulesen.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...