[JavaScript] Problem mit JavaScript / Bildergalerie wie ebay.de

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

  • [JavaScript] Problem mit JavaScript / Bildergalerie wie ebay.de

    Hallo!

    Ich habe mir da etwas gebaut..

    Code:
    <html>
    <head>
    <title>testen - dynamisch</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
                   <!--
                   var imgGro = './artikel/gross/P817110.jpg';
                   function ChangeImage( strSrc, strURL, hoehe, breite )
                   {
                     document.images['middle'].src = strSrc;
                     imgGro = strUrl;
                     hoehe  = hoehe;
                     breite = breite;
                     return false;
                   }
                   </script>
    </head><body>
    <table><tr><td> | 
    <a href="#" onclick="return ChangeImage('./artikel/thumb/P817110.jpg','./artikel/gross/P817110.jpg', '393', '450')">
    Foto 1</a> | 
    <a href="#" onclick="return ChangeImage('./artikel/thumb/P347396.jpg','./artikel/gross/P347396.jpg', '240', '180')">
    Foto 2</a> | 
    <a href="#" onclick="return ChangeImage('./artikel/thumb/P795768.jpg','./artikel/gross/P795768.jpg', '393', '450')">
    Foto 3</a> | 
    <a href="#" onclick="return ChangeImage('./artikel/thumb/P363720.jpg','./artikel/gross/P363720.jpg', '240', '180')">
    Foto 4</a> | 
    </td></tr>
    <tr><td colspan=2 align=center>
    <a href="#" onclick="window.open(imgGro,'detail','width=150,height=150'); return false">
    <img name="middle" src='./artikel/thumb/P817110.jpg' border=0 /></a>
    </td></tr></table>
    </body>
    </html>
    Also das erste bild wird angezeigt!
    und wenn ich drauf klicke öffnet es sich im popup
    soweit so gut
    wenn ich aber Foto 4 auswähle. zeigt er mir Nr. 4 in der mitte
    aber beim popup immer noch das foto nr. 1 ?!

    kann mir jem. helfen??

    Vielen Dank!
    Zuletzt geändert von bofan; 19.08.2007, 19:43.
    Beachte: Dumm ist, wer Dummes tut.

  • #2
    Strg+F "<body"

    popup=window.open(...);
    popup.location

    http://de.selfhtml.org/javascript/objekte/window.htm
    http://de.selfhtml.org/javascript/objekte/location.htm
    Zuletzt geändert von onemorenerd; 18.08.2007, 22:09.

    Kommentar


    • #3
      entschuldige, aber was soll mir diese Antwort sagen?
      Beachte: Dumm ist, wer Dummes tut.

      Kommentar


      • #4
        kann mir keiner helfen?!?
        Beachte: Dumm ist, wer Dummes tut.

        Kommentar


        • #5
          Dir fehlt ein öffnendes body-Tag. Das hättest du gemerkt, wenn du Strg+F gedrückt und danach gesucht hättest.


          Du scheinst mit imgGro=strUrl; eine neues Bild im Popup laden zu wollen. Das geht so nicht, hast du ja schon gemerkt.

          Zuerst mal brauchst du nämlich eine Referenz des Popups, einen Namen mit dem du es ansprechen kannst:
          popup=window.open(...);

          Nun kannst du das localtion-Objekt des Popups verändern:
          popup.location.href=strUrl;

          Um das besser zu verstehen, solltest du die Links da oben lesen.

          Kommentar


          • #6
            das fenster heißt doch
            detail

            Code:
            <a href="#" onclick="window.open(imgGro,'detail','width=150,height=150'); return false">

            popup=window.open(...); ? das habe ich doch im Link?!?

            popup.location.href=strUrl;

            soll ich das in den head bereich legen? und dann den link

            < ahref='#' onclick="popup();">

            nennen?

            also
            Code:
            function popup ()
            {
            popup=window.open('imgGro', breite, hoehe);
            popup.location.href=strUrl;
            }
            Zuletzt geändert von bofan; 19.08.2007, 19:56.
            Beachte: Dumm ist, wer Dummes tut.

            Kommentar


            • #7
              Der 2. Parameter von window.open() ist der Fenstername, den man nur für <a target="fenstername" ...> braucht. Es ist keine Referenz, fenstername.location ist also nicht möglich.

              Ich würde zwar die Funktion nicht genauso nennen wie die Variable, weil letztere global gebraucht wird und dann kollidieren beide. Aber wir nähern uns dem Ziel.

              Kommentar


              • #8
                hallo noch mal. ich hab noch mal probiert und probiert. es klappt nicht. er nimmt immer den wert imgGro der als erstes deklariert wird.

                mein aktueller quelltext:

                der link zum quelltext (STRG + U)
                Zuletzt geändert von bofan; 22.08.2007, 19:03.
                Beachte: Dumm ist, wer Dummes tut.

                Kommentar


                • #9
                  keiner ne idee?
                  Beachte: Dumm ist, wer Dummes tut.

                  Kommentar


                  • #10
                    Firebug installieren!

                    Kommentar


                    • #11
                      Code:
                      Fehler: strUrl is not defined
                      Quelldatei: [url]http://bruno-fischer.de/beispiel/bild.php[/url]
                      Zeile: 20
                      Die Regeln | rtfm | register_globals | strings | SQL-Injections | [COLOR=silver][[/COLOR][COLOR=royalblue]–[/COLOR][COLOR=silver]][/COLOR]

                      Kommentar


                      • #12
                        @bofan
                        du kennst den unterschied zwischen groß- und kleinschreibung?
                        PHP-Code:
                        function ChangeImagestrSrcstrURLhoehebreite 
                        aber später
                        PHP-Code:
                        imgGro strUrl
                        gruß
                        peter
                        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                        Meine Seite

                        Kommentar

                        Lädt...
                        X