Change Image bei Hover eines Kindelements

  • Hallo alle,

    ich habe eine Frage. Ich bin gerade dabei eine Seite zu programmieren doch komme an einer Stelle nicht weiter.
    Ich erkläre euch kurz worum es geht:

    Man könnte sich eine Produktansicht in einem Shop vorstellen, die sehen ja meistens sehr ähnlich aus. Ich habe ein großes Artikelbild und unter diesem Bild drei weitere Ansichten.
    Ich möchte, dass wenn man eines dieser kleinen Bildelemente hovert, das große Artikelbild sich ändert.

    Hier der HTML Quellcode:

    Mein Problem ist, das die Elemente die ich hovern möchte, im Quellcode unter dem eigentlichen Artikelbild sind, heißt das ich die mit CSS nicht ansprechen kann.
    Hier noch ein Link: Edit fiddle - JSFiddle

    Hoffe mir kann jemand helfen.
    Danke im Vorraus,

    sn0w

    [CENTER]Professionelle Homepage Designs gegen Bezahlung.
    RTL schadet den Menschen mehr, als alle Joints und Bongs dieser Welt zusammen!
    [SIGPIC][/SIGPIC]
    [/CENTER]

  • Was spricht gehen Javascript?

    Edit:
    So hier mal was schnell hingebasteltes. Es ist nicht ganz fertig aber ich denke du siehst wo hin es geht.

    Edit fiddle - JSFiddle

    EDIT EDIT:
    Ich habe das mal mit einem Klick gebaut sonst kommt es zu Problemen, weil sich das Hauptbild leider nicht verkleinern lässt ohne noch mehr im Code zu basteln. Das müsstest du dann halt per CSS lösen. So das die Bilder immer gleich sind.

  • Javascript kann ich nicht verwenden weil es für eine Produktansicht in einem Ebay Shop ist und man dort keine javascript Dateien nicht extern verwendet werden dürfen und javascript befehle im Editor nicht zugelassen sind.

    Ich schaue mir dein Teil mal an, bin gerade am Handy sonst hätte ich da schon etwas zu geschrieben.

    [CENTER]Professionelle Homepage Designs gegen Bezahlung.
    RTL schadet den Menschen mehr, als alle Joints und Bongs dieser Welt zusammen!
    [SIGPIC][/SIGPIC]
    [/CENTER]

  • Das hättest du dazu schreiben sollen ;) Aber ich denke es gibt bestimmt eine Möglichkeit Javascript auf Ebay einzusetzen. Irgendeine Hintertür gibt es immer :D

  • Man sagt ja auch: Das größte Netz hat die meisten Löcher. :D

    Hab mir gerade mal deine Programmierung auf JSFiddle -> Edit fiddle - JSFiddle angeschaut.
    Das ist nicht ganz wie ich es mir vorgeställt habe, die 500x500 Grafik muss ersetzt werden und dann unten angezeigt werden.

    [CENTER]Professionelle Homepage Designs gegen Bezahlung.
    RTL schadet den Menschen mehr, als alle Joints und Bongs dieser Welt zusammen!
    [SIGPIC][/SIGPIC]
    [/CENTER]

  • Die Grafik wird unten angezeigt ;) Nur leider kann ich diese nicht per jQuery kleiner machen. Das will irgendwie nicht so recht klappen :D

    Aber ich denke wenn du das ganze in einen Container mit einer festen Breite packst und die img's auf 100% machst, dann sollte das auch so gehen wie du es dir vorstellst

  • Ich probiere es aus :) Dankeschön erstmal hast mir weitergeholfen!

    [CENTER]Professionelle Homepage Designs gegen Bezahlung.
    RTL schadet den Menschen mehr, als alle Joints und Bongs dieser Welt zusammen!
    [SIGPIC][/SIGPIC]
    [/CENTER]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!