Caro: Bild austauschen

SELF-Forum

Bild austauschen

Caro
– Informationen zu den Bewertungsregeln

Hallo,
ich habe ein Problem und stehe auf der Leitung!
Ich möchte eine Bildergalerie erstellen, bei der ich kleine Thumbnails als Vorschaubilder habe. Bei Klick auf ein Thumbnail soll ein Vorschaubild im oberen Bereich der Seite gezeigt werden, also kein neues Fenster geöffnet werden. Hat mir jemand ganz schnelle einen Tip, wie das funktioniert?!?!?! Sonst sitze ich heute Abend immer noch vor dem Problem...
Vielen Dank im Voraus!

Caro

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Bild austauschen

    Hubert
    – Informationen zu den Bewertungsregeln

    Nabend,

    Hat mir jemand ganz schnelle einen Tip, wie das funktioniert?!?!?!

    Kombiniere geschickt: http://selfhtml.teamone.de/javascript/beispiele/buttons.htm und http://selfhtml.teamone.de/javascript/objekte/frames.htm

    Bis denne,

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Bild austauschen

      Caro
      – Informationen zu den Bewertungsregeln

      Das Doppelposting war nicht beabsichtigt, sorry. Verbindung ist abgebrochen...

      Das hat mich leider auch nicht weiter gebracht...
      Ich möchte nicht das Bild an sich austauschen wie bei einem Rollover, sondern auf Klick das große Vorschaubild ändern. Geht das überhaupt, dass ich (ohne Frames) ein Bild (keine ganze Seite) auf Klick austausche?

      Nochmals vielen Dank,
      Caro!

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Bild austauschen

        Thomas Luethi Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hallo,

        Ich möchte nicht das Bild an sich austauschen wie bei einem Rollover, sondern auf Klick das große Vorschaubild ändern. Geht das überhaupt, dass ich (ohne Frames) ein Bild (keine ganze Seite) auf Klick austausche?

        Nur mit HTML gibt es z.B. folgende Loesungen:

        • Frames
        • IFRAMES
          Aber das willst Du ja offenbar beides nicht verwenden.

        Mit JavaScript kannst Du durch Klick auf ein beliebiges Bild
        auch ein anderes Bild austauschen. Als Grundlage dient Dir:
        <[link:http://selfhtml.teamone.de/javascript/beispiele/buttons.htm>]

        Mit Vorteil sind alle grossen Bilder genau gleich gross,
        sonst musst Du auch noch die Groesse aendern, und alles
        wird etwas "unruhig"/wackelig.

        Du solltest unbedingt daran denken, die grossen Bilder auch
        ohne JavaScript erreichbar zu machen.
        Z.B. dadurch, dass bei Klick auf ein Thumbnail

        • ohne JavaScript nur das grosse Bild im gleichen Fenster
            angezeigt wird (normaler Link direkt aufs grosse Bild)
        • mit JavaScript das grosse Bild ausgetauscht wird.

        <a href="grossbild1.jpg" onClick="bildtausch(1); return false;">
          <img src="kleinbild1" alt="..." title="Klick fuer Vergroesserung">
        </a>

        Lies das Kapitel zu JavaScript:
        http://selfhtml.teamone.de/javascript/
        insbesondere
        http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm

        Gruesse,

        Thomas

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Bild austauschen

          Thomas Luethi Homepage des Autors
          – Informationen zu den Bewertungsregeln

          Sorry fuer den kaputten Link.

          Mit JavaScript kannst Du durch Klick auf ein beliebiges Bild
          auch ein anderes Bild austauschen. Als Grundlage dient Dir:

          => http://selfhtml.teamone.de/javascript/beispiele/buttons.htm

          mfg Thomas

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln