Thomas Luethi: Andere Grafik austauschen bei MouseOver

Beitrag lesen

Hallo,

und da hab ich eine von php erstellte liste wer als nächstes geburtstag hat..

Nur am Rande:
Dem Browser ist es voellig egal, womit Du die Liste machst.
Der will einfach HTML (am liebsten valide) und CSS (ebenso).
Wenn Du Glueck hast, kann er mit JavaScript auch noch etwas anfangen...

und der der als erstes kommt von dem erscheint ein bild in klein und ich wollte das wenn man drüberfährt das es in so einem fenster in groß auftaucht

Pop-Up-Fenster, die "einfach so" auftauchen, sind nervig.
(Egal, ob beim Laden der Seite, nach 5 Sekunden oder wenn
man zufaellig mit der Maus ueber einem Bild ist.)

Dinge, mit denen ich als Besucher leben koennte:

  • Ein Klick aufs kleine Bild oeffnet das grosse Bild
      bei aktiviertem JavaScript in einem Pop-Up-Fenster,
      sonst einfach im gleichen Fenster.
      Dazu brauchst Du window.open()
      http://selfhtml.teamone.de/javascript/objekte/window.htm#open
      http://molily.de/javascript-popups

  • Ein Platz in der Seite wird (z.B. durch ein durchsichtiges
      Platzhalter-Bild, Blind-GIF) freigehalten, und wenn
      der Besucher mit der Maus ueber das kleine Bild geht,
      wird anstelle des Platzhalters das richtige Bild angezeigt.
      Das geht theoretisch auch mit CSS; ueblicherweise nimmt man
      dafuer aber JavaScript.
      Als Ausgangspunkt kannst Du das Bildwechsler-Beispiel
      "Dynamische grafische Buttons" nehmen.
      http://selfhtml.teamone.de/javascript/beispiele/buttons.htm
      Den Namen gibst Du einfach dem Platzhalter-Bild.

Weiter moechte ich mich zum Thema JS nicht aeussern.
Dieser Teilthread ist fuer mich ab sofort unsichtbar. ;-)

Am einfachsten und zweckmaessigsten waere es, wenn
das kleine Bild einfach ein Link direkt aufs grosse ist:
<a href="klausgross.jpg"><img src="klausklein.jpg" alt="Foto von Klaus" title="Klick aufs Bild, um Klaus gross zu sehen!"></a>

Gruesse,

Thomas