Ergebnis 1 bis 11 von 11
  1. #1
    simoasis ist offline Grünschnabel
    registriert
    22-05-2003
    Beiträge
    9

    Bild im Fenster mit onClick anzeigen

    Hallo!
    Ich hab bezüglich meiner Seite eine Frage.
    Hier erst einmal der Link zu meiner Seite:

    http://www.morning-glory.de/NBA/Test/porsche_test.htm

    Bei den unteren Thumbnails, die sich von links nach rechts bewegen, öffnet sich derzeit das jeweilige Bild immer im neuen Fenster.
    Ich suche jetzt aber eine Lösung, wie ich in JavaScript das Bild mit onClick mit dem großen Bild oberhalb auswechseln kann. Durch Klicken auf das aktive Thumbnail soll dann oben das entsprechende große Bild erscheinen. Der Rest der Seite soll aber beibehalten bleiben, dh es soll immer nur das große Bild ausgewechselt werden.
    Schaut euch das einfach mal an, vielleicht kann mir irgendjemand dabei helfen.
    Vielen Dank.
    Gruß
    Simon

    mail to: webmaster@morning-glory.de

  2. #2
    Avatar von kasimir83
    kasimir83 ist offline Lounge-Member
    registriert
    30-03-2002
    Ort
    Dresden
    Beiträge
    5.879
    It's so simplistic.

    Gib dem img-Tag von dem großen Bild eine id, zb:

    <img src="lala.jpg" id="bild"....>

    und in den link tag packst du den Aufruf:

    <a href="#" onclick="change_pic(1')"...>

    und in den Head ein JS:

    var bilder = new Array ("bild0.jpg","bild1.gif","bild2.png")
    function_pic(index) {
    document.getElementById("bild").src=bilder[index]
    }


    sollte funktionieren.

    Gruß vom Kasimir.



    Die Haptik deiner Website ist scheiße.

    Ein Nutzer braucht das Root-Passwort so dringend wie Nitroglyzerin durchgeschüttelt werden muß.

  3. #3
    Avatar von ZeitGeist
    ZeitGeist ist offline Lounge-Member
    registriert
    26-04-2003
    Ort
    Outa Space
    Beiträge
    4.125
    der erste array index ist '0', sprich wenn du 10 bilder hast müssen die zahlen von 0 bis 9 gehen

  4. #4
    jsMichi ist offline Mitglied
    registriert
    18-05-2003
    Beiträge
    47
    versuchs mal mit getElementById

    onClick="document.getElementaById('name des Bildes').src='adresse des neuen bildes')

    die adresse des neuen bildes würde ich irgendwie mit einer variable machen

    du musst dem großen bild vorher noch nen namen geben also:
    <img src="..." name="...">
    Geändert von jsMichi (22-05-2003 um 22:50 Uhr)

  5. #5
    Avatar von womstar
    womstar ist offline Lounge-Member
    registriert
    22-07-2002
    Ort
    latente matrix
    Beiträge
    5.913
    warum dom????? warum nur....???
    warum nicht über den normalen bildnamen???
    das wäre sogar im ns4.7 ein erfolg....
    wobei mit dom sich die freude in grenzen hält das was funktioniert (wobei ich das bei dem ausgewählten script scroller script bezweifele).

    trotzdem.

    Code:
    <script>
    function change_pic(index) { 
    document.meinBild.src=img_link[index] 
    }
    </script>
    
    ..........................
    
    <body>
    
    ..................
    
    <img src="../Bilder/porsche_carrera_gt_1.gif" width="191" height="101" align="absmiddle" name="meinBild">
    
    ....................
    
    <td><img src="img3.jpg" name="bild3" class="img_outsite"></td>
    <td><a href="#" onclick="change_pic(current_img);goToUrl(img_link[current_img])"><img src="img4.jpg" name="bild4" class="img_center" border="0"></a></td>
    <td><img src="img5.jpg" name="bild5" class="img_outsite"></td>
    ..................
    
    </body>
    frage: was ist das -> align="absmiddle"

  6. #6
    simoasis ist offline Grünschnabel
    registriert
    22-05-2003
    Beiträge
    9

    Bildwechsel funktioniert

    Hallo zusammen!
    Erst einmal DANKE für alle hilfreichen Tipps!
    Das ganze funktioniert jetzt mit der Methode von Womstar (siehe oben). Dem Bild muss auf jeden Fall ne ID gegeben werden!
    Danke!
    Gruß
    Simon

    mail to: webmaster@morning-glory.de

  7. #7
    Trinity21 ist offline Foren As
    registriert
    19-02-2003
    Ort
    Erlangen
    Beiträge
    80
    Hab ich da jetzt irgendwas falsch verstanden?
    Du wolltest doch das Bild oben auf der Hauptseite austauschen.
    Habs gerade mal getestet und es erscheint immer ein neues Fenster. Noch nicht geupdatet?
    Trinity
    to some it's a six pack, to me it's a support group...

  8. #8
    simoasis ist offline Grünschnabel
    registriert
    22-05-2003
    Beiträge
    9
    richtig, meine neue version ist noch nicht online!

  9. #9
    simoasis ist offline Grünschnabel
    registriert
    22-05-2003
    Beiträge
    9
    so, das ganze funktioniert ja wie gesagt und man kann es auf http://www.morning-glory.de/NBA angucken, die seite ist aber noch im aufbau
    nochmals danke an alle.
    gruß
    simon

    mail to: webmaster@morning-glory.de

  10. #10
    simoasis ist offline Grünschnabel
    registriert
    22-05-2003
    Beiträge
    9
    beim intro auf skip intro drücken, denn es ist keine weiterleitung in der animation drin, sorry

  11. #11
    Avatar von womstar
    womstar ist offline Lounge-Member
    registriert
    22-07-2002
    Ort
    latente matrix
    Beiträge
    5.913

    Re: Bildwechsel funktioniert

    Originally posted by simoasis
    .........
    Dem Bild muss auf jeden Fall ne ID gegeben werden!
    .........


    warum muss dem bild eine id geben werden???
    nur damits nach was kompliziertem aussieht???
    ist das so schwer das über den namen zumachen???

    die vorteile hab ich ja nun erklärt oder?
    naja ich seh ja garade wie die seite im ns4.7 aussieht.

    naja soll mir egal sein...

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •