peter: Möchte nicht nur mit onmouseover Bild wechseln sondern auch

SELF-Forum

Möchte nicht nur mit onmouseover Bild wechseln sondern auch

peter
– Informationen zu den Bewertungsregeln

in einem Frame ein anderes Bild laden...

Entschuldigung, wenn ich mich unpräzise ausdrücke. Stecke auf VHS Anfänger Level fest.

Also, ich möchte 2 Frames machen. In dem linken habe ich kleine Bilder , so 100x200 px groß. wenn nun der Betrachter mit der Mouse drüber geht, sollen Infos erschinen UND im rechten Frame das Bild in
groß.

Das mit den zwei Frames und der onMouseover zum Wechsel von Bild und Info klappt.

Aber was muß ich machen um auch noch im rechten Frame eine weitere datei, eben ein großes Bild anzuzeigen.

..und ganz genial wäre es, wenn es nur solange angezeigt bliebe, wie die Maus im linken Farme über dem Bild bleibt. Wenn die Maus zum nächsten Bild geht, soll natürlich auch das nächste rechts angeziegt werden.

Vielen Dank für eine antwort und bitte einfach formulieren, damit ich es auch kapier !

Schönen Tag noch

peter

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Möchte nicht nur mit onmouseover Bild wechseln sondern auch

    Julian Hofmann
    – Informationen zu den Bewertungsregeln

    Hallo peter,

    nur als kleiner Hinweis vorne weg, bevor Du Dich evtl. verrennst: Vorausgesetzt es ginge mit JavaScript (nicht genug Ahnung davon), so müsstest Du die Bilder sinnvollerweise vorladen, d.h. pro kleinem Bild auch je ein großes Bild.

    Ein Rechenbeispiel:
    kleines Bild:  3 kB
    Info zum Bild: 3 kB
    Großes Bild:  15 kB

    Wir haben 5 Bilder => 105 kB alleine an Grafiken (dazu kommt noch der HTML-Code und ggf. sonstige Grafiken der Seite)

    Evtl. macht es daher mehr Sinn, im Frame die Bilder wirklich als einzelne Seiten nachzuladen bei Klick auf die kleinen Bilder.

    Grüße aus Würzburg
    Julian

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Möchte nicht nur mit onmouseover Bild wechseln sondern auch

      peter
      – Informationen zu den Bewertungsregeln

      Hallo julian,

      möglicherweise hast du recht. aber ich hbe eine schöne Seite bei einem Fotografen Kollegen gesehen, da ist genau dies verwirklicht.

      ich finde es vom design sehr nett gemacht.

      du kannst dir das unter www.laqua.de und dann auf "menschen"
      ansehen

      schönen tag noch
      peter

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Möchte nicht nur mit onmouseover Bild wechseln sondern auch

        Julian Hofmann
        – Informationen zu den Bewertungsregeln

        Hallo Peter,

        möglicherweise hast du recht. aber ich hbe eine schöne Seite bei einem Fotografen Kollegen gesehen, da ist genau dies verwirklicht.

        Nich ganz. Du wolltest ohne das LAden einer neuen Seite das große Bild, bei der angegebenen Homepage (in die Statuszeile gucken) wird aber auch für jedes Foto eine neue Datei geladen.

        Nebenbei noch: Natürlich kommst es immer etwas auf die Homepage an, wieviel kB man dem User zumuten kann. Bei Fotografen oder ähnlich Leuten, bei denen Bildqualität durchaus wichtig ist, ists eher vertretbar und der User vermutet diorch auch mehr Grafiken als z.B. in einem Infoangebot über HTML.

        Grüße aus Würzburg
        Julian

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. Möchte nicht nur mit onmouseover Bild wechseln sondern auch

    uepselon Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Entschuldigung, wenn ich mich unpräzise ausdrücke. Stecke auf VHS Anfänger Level fest.

    Macht doch nix.

    Im rchten Frame brauchst du ein html File das ein Bild beinhaltet:

    <html>
    .
    .
    .
    <img name="BildGross" src="blank.jpg">
    .
    .
    </html>

    In deinem Linken frame kannst du beim onMouseover Event folgendes
    machen:

    parent.frames["nameVomRechtenFrame"].document.BildGross.src="Gross.jpg";

    Und beim onMouseoout Event folgendes
    machen:

    parent.frames["nameVomRechtenFrame"].document.BildGross.src="blank.jpg";

    Um es nacher wieder auf das Ursprüngliche Bild zurückzusetzen.

    Gruß

    ueps

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln