Ankündigung

Einklappen
Keine Ankündigung bisher.

Mouseover mit Grossansicht

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Mouseover mit Grossansicht

    Hallo Zusammen!

    Zu allererst - ich bin absoluter Neuling und "fummel" mich gerade in vielen Dingen zurecht....

    Meine Frage:

    Ich habe 4 Thumbnails erstellt, bei denen ich per Mouseover die Grossansicht (daneben) darstelle.

    Das funktioniert auch soweit alles.

    Jetzt möchte ich das gleiche Prozedere für 4 weitere Bilder umsetzen....

    Im Head habe ich eingetragen:

    <!-- begin
    // Bilder bekannt machen

    // variablennamen werden vergeben
    var bild1 = new Image();
    var bild2 = new Image();
    var bild3 = new Image();
    var bild4 = new Image();
    var bild5 = new Image();
    var bild6 = new Image();
    var bild7 = new Image();
    var bild8 = new Image();

    // den Variablen wird die Bildquelle zugewiesen
    bild1.src = "galerie/fotos/01.jpg";
    bild2.src = "galerie/fotos/02.jpg";
    bild3.src = "galerie/fotos/03.jpg";
    bild4.src = "galerie/fotos/04.jpg";
    bild5.src = "galerie/fotos/05.jpg";
    bild6.src = "galerie/fotos/06.jpg";
    bild7.src = "galerie/fotos/07.jpg";
    bild8.src = "galerie/fotos/08.jpg";
    // Funktion zum Tauschen der Bilder
    function Zeigen(Bildname)
    {
    eval("document['picture'].src = " + Bildname + ".src");

    }
    // end -->


    Im Body:

    <table cellspacing="3" border="2" cellpadding="10">
    <tr class="bgcolor5">
    <td>
    <img name="picture" src="galerie/fotos/04.jpg" width="300" height="400" border="2"><br></td>
    <td>
    <a href="#" onmouseover="Zeigen('bild1')"><img src="galerie/thumbs/thumb01.jpg" width="120" height="160" border="1"><a>
    <a href="#" onmouseover="Zeigen('bild2')"><img src="galerie/thumbs/thumb02.jpg" width="120" height="160" border="1"><a><br>
    <a href="#" onmouseover="Zeigen('bild3')"><img src="galerie/thumbs/thumb03.jpg" width="120" height="160" border="1"><a>
    <a href="#" onmouseover="Zeigen('bild4')"><img src="galerie/thumbs/thumb04.jpg" width="120" height="160" border="1"><a>
    </td></tr></table>
    <br><br>

    <table cellspacing="3" border="2" cellpadding="10">
    <tr class="bgcolor5">
    <td>
    <img name="picture" src="galerie/fotos/07.jpg" width="300" height="400" border="2"><br></td>
    <td>
    <a href="#" onmouseover="Zeigen('bild5')"><img src="galerie/thumbs/thumb05.jpg" width="120" height="160" border="1"><a>
    <a href="#" onmouseover="Zeigen('bild6')"><img src="galerie/thumbs/thumb06.jpg" width="120" height="160" border="1"><a><br>
    <a href="#" onmouseover="Zeigen('bild7')"><img src="galerie/thumbs/thumb07.jpg" width="120" height="160" border="1"><a>
    <a href="#" onmouseover="Zeigen('bild8')"><img src="galerie/thumbs/thumb08.jpg" width="120" height="160" border="1"><a>
    </td></tr></table>
    <br><br>


    Für die ersten 4 Bilder klappt auch alles, bei den Bilder 5 bis 8 wird die Grossansicht immer im falschen Ansichtsbereich dargestellt.

    Was mache ich falsch?
    Wer kann mir helfen?

    ghruss und Danke aus dem Norden.

    Nine-T-Nine

  • #2
    AW: Mouseover mit Grossansicht

    Ich sehe erstmal keinen Fehler. Kannst du das Problem noch ein wenig besser erläutern oder einfach mal als Beispiel hochladen?

    Kommentar

    homepage-forum.de - Hilfe für Webmaster! Statistiken

    Einklappen

    Themen: 56.941   Beiträge: 431.262   Mitglieder: 28.752   Aktive Mitglieder: 78
    Willkommen an unser neuestes Mitglied, Michael83.

    Online-Benutzer

    Einklappen

    183 Benutzer sind jetzt online. Registrierte Benutzer: 6, Gäste: 177.

    Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

    Die neuesten Themen

    Einklappen

    Die neuesten Beiträge

    Einklappen

    Lädt...
    X