Ankündigung

Einklappen
Keine Ankündigung bisher.

Problem mit dem Zoom des dynamisch ändernden galerie- Hauptbildes

Einklappen

Neue Werbung 2019

Einklappen
Dieses Thema ist geschlossen.
X
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Problem mit dem Zoom des dynamisch ändernden galerie- Hauptbildes

    MoinMoin zusammen,

    ich bin neu hier und habe direkt mal ein Problem. Hoffentlich hat jemand einen spontanen Rat für mich.

    Ich habe eine Galerie, die tauscht mit mouseover das Hauptbild aus. Dies funktioniert, indem bei dem jeweiligen mouseover eine neue document.grossbild.src=... Zuweisung gemacht wird.

    Mein Problem ist, dass ich diese Zuweisung per Zoom nicht öffnen kann. Im Folgeden Quellcode nach der Stelle <!-- Hier beginnt das Problem -->, dort versuche ich, die sich dynamisch ändernde Zoombildurl mit src="grossbild" aufzurufen nur leider funktioniert das nicht. Auch die Aufrufe src="document.grossbild.src" oder src="grossbild.src" greifen leider nicht. Hat jemand eine Idee?


    Nun der Quellcode:

    <script type="text/javascript">

    <!--
    gross_bild1 = new Image(); gross_bild1.src = "bild1_gross.jpg";
    gross_bild2 = new Image(); gross_bild2.src = "bild2_gross.jpg";
    gross_bild3 = new Image(); gross_bild3.src = "bild3_gross.jpg";
    klein_bild1 = new Image(); klein_bild1.src = "bild1_klein.jpg";
    klein_bild2 = new Image(); klein_bild2.src = "bild2_klein.jpg";
    klein_bild3 = new Image(); klein_bild3.src = "bild3_klein.jpg";
    //-->
    </script>

    <script type="text/javascript">
    function anzeigen(das){
    if(document.getElementById(das).style.display=="no ne")
    { document.getElementById(das).style.display="inline "; }
    else { document.getElementById(das).style.display="none"; } }
    </script>

    <table width="596" cellpadding="0" cellspacing="0">
    <tr>
    <td width="430" align="center" valign="middle">
    <!-- Hier beginnt das Problem -->
    <!-- Erläuterung: grossbild ist der Name des variablen Bildes, aber leider funktioniert keiner meiner versuche dies direkt auszugeben, z.B. src="grossbild" -->

    <span class="bereich" style="display: none; z-index:1;" id="bild0">
    <img src="grossbild" border="0" width="650" height="650" onMouseOut="anzeigen('bild0');"></span>

    <!-- Hier endet das Problem -->

    <img src="bild1_gross.jpg" border="0" alt="" name="grossbild" width="330" onClick="anzeigen('bild0');"></td>


    <td valign="top">
    <div class="mitte2"><span class="bereich" style="display: none; z-index:1;" id="bild1">
    <img src="bild1_gross.jpg" border="0" width="650" height="650" onMouseOut="anzeigen('bild1');"></span> <img src="bild1_klein.jpg" border="0" alt="" name="kleinbild1" onMouseOver="document.grossbild.src = gross_bild1.src" onClick="anzeigen('bild1');"></div>

    <div class="mitte2"><span class="bereich" style="display: none; z-index:1;" id="bild2">
    <img src="bild2_gross.jpg" border="0" width="650" height="650" onMouseOut="anzeigen('bild2');"></span><img src="bild2_klein.jpg" border="0" alt="" name="kleinbild2" onMouseOver="document.grossbild.src = gross_bild2.src" onClick="anzeigen('bild2');"></div>

    <div class="mitte2"><span class="bereich" style="display: none; z-index:1;" id="bild3">
    <img src="bild3_gross.jpg" border="0" width="650" height="650" onMouseOut="anzeigen('bild3');"></span><img src="bild3_klein.jpg" border="0" alt="" name="kleinbild3" onMouseOver="document.grossbild.src = gross_bild3.src" onClick="anzeigen('bild3');"></div>

    <div class="mitte2">Klicken Sie auf die Bilder, um diese zu vergrößern.</div>
    </td>
    </tr>
    </table>
    <script type="text/javascript">
    <!--
    document.kleinbild1.src = klein_bild1.src;
    document.kleinbild2.src = klein_bild2.src;
    document.kleinbild3.src = klein_bild3.src;
    document.grossbild.src = gross_bild1.src;
    //-->
    </script>


  • #2
    Zitat von dodger Beitrag anzeigen
    dort versuche ich, die sich dynamisch ändernde Zoombildurl mit src="grossbild" aufzurufen nur leider funktioniert das nicht. Auch die Aufrufe src="document.grossbild.src" oder src="grossbild.src" greifen leider nicht.
    Und ich verstehe dein Problem leider nicht so ganz.

    Wenn du src="document.grossbild.src" zuweist, dann bedeutet das, dass die Adresse des Bildes wirklich document.grossbild.src lauten würde.
    Ist dir vielleicht der Unterschied zwischen Variablennamen und Textstrings nicht klar?


    Btw., wann immer du in die Versuchung kommst, „durchnummerierte“ Variablennamen zu verwenden, ist das ein sehr starkes Indiz dafür, dass die Verwendung von Arrays angebrachter wäre.

    Kommentar


    • #3
      SELFHTML Forum: (JAVASCRIPT) Problem mit dem Zoom des dynamisch ändernden galerie- Hauptbild

      Bitte beachten: Anmerkung zu Multipostings

      *close*

      Kommentar

      Lädt...
      X