Du bist nicht angemeldet.

Stilllegung des Forums
Das Forum wurde am 05.06.2023 nach über 20 Jahren stillgelegt (weitere Informationen und ein kleiner Rückblick).
Registrierungen, Anmeldungen und Postings sind nicht mehr möglich. Öffentliche Inhalte sind weiterhin zugänglich.
Das Team von spieleprogrammierer.de bedankt sich bei der Community für die vielen schönen Jahre.
Wenn du eine deutschsprachige Spieleentwickler-Community suchst, schau doch mal im Discord und auf ZFX vorbei!

Werbeanzeige

SirForce

Alter Hase

  • »SirForce« ist der Autor dieses Themas

Beiträge: 802

Wohnort: Süddeutschland

  • Private Nachricht senden

1

22.05.2009, 16:01

[HTML] Bilder auf Webseite automatisch wechseln

Hallo zusammen,

ich muss zuerst ein kleines Geständniss ablegen und zwar habe ich (noch) absolut keinen Plan was HTML, Javascript, etc. angeht.
Ich habe aber schön öfters auf Webseiten gesehen dass Bilder in zufälliger Reihenfolge durchgewechselt werden und das ohne dass die aktuelle Seite neu geladen wird (vom prinzip her wie ein animiertes gif, nur eben flexibler da ich kurzfristig neue Bilder in z.B. einen Unterordner speichern kann und die dann angezeigt werden).
Jetzt arbeite ich momentan offline mit einem "Baukasten"-Programm an einer kleinen Webseite und würde dieses Prinzip da gerne anwenden.
Dieser Baukasten (WebSite X5 v8 Evolution wen es interessiert), unterstützt das einbinden von HTML Code und da habe ich mir gedacht es auf diesem Weg mal zu versuchen.
Hat da jemand eine Idee wie ich das realisieren könnte, bzw. wo es zu diesem Thema ausführliche Tutorials gibt?
Bei Selfhtml hab ich schon vorbeigeschaut, aber nix explizites zu meinem Problem gefunden.

Danke im Voraus,
lg Felix
Nichts behindert so sehr die Entwicklung der Intelligenz wie ihre vollständige Abwesenheit.

Michail Genin

drakon

Supermoderator

Beiträge: 6 513

Wohnort: Schweiz

Beruf: Entrepreneur

  • Private Nachricht senden

2

22.05.2009, 16:48

Das geht recht einfach mit Javascript.

direkt von meiner Seite:

Quellcode

1
2
        var path = '<img id="HeaderImage" style="display:none;" src="'+images[pos]+'"></img>';
        document.getElementById ("header").innerHTML = path;


Du ersetzt sozusagen einfach den HTML Code mit dem neuen Bild.

Beneroth

Alter Hase

Beiträge: 969

Wohnort: Schweiz

Beruf: Software Entwickler

  • Private Nachricht senden

3

22.05.2009, 16:48

http://de.selfhtml.org/javascript/objekte/images.htm - Dieses Prinzip, einfach evtl. mit einem anderen Auslösemechanismus (z.B. Mouse-Hover).

SirForce

Alter Hase

  • »SirForce« ist der Autor dieses Themas

Beiträge: 802

Wohnort: Süddeutschland

  • Private Nachricht senden

4

23.05.2009, 13:04

Ah ok danke, hat beides bestens funktioniert :)
Nichts behindert so sehr die Entwicklung der Intelligenz wie ihre vollständige Abwesenheit.

Michail Genin

Werbeanzeige