alextde: Vorschau Bild und Große Ansicht in verschiedenen Zellen!

Hallo zusammen,

ich bin mir eine Webseite am zusammenstellen und werde ein starres Layout verwenden. Ich habe mir eine Tabelle angelegt und auch schon Inhalte eingebaut. Ich möchte jetzt in Zelle A kleine anklickbare Vorschaubilder einfügen die auf Mausklick in Zelle B vergrößert erscheinen. Kleine und Große Bilder hab ich schon erzeugt. Thumbnails die in neuen Fenstern erzeugen sind auch kein Problem. Die Seite ist in html,Php geschrieben und mit css gestylt. Bin für alle Lösungen offen!

</head>
<body>
<table width="700" height="500" border="3px">
<tr>
<td width="350"><a href="max.jpeg" target="max.jpeg"><img src="min.jpeg" alt="min.jpeg" /></a></td>
<td width="350"><-- Hier soll das max.jpeg erscheinen --></td>
</tr>
</table>
</body>
</html>

  1. Om nah hoo pez nyeetz, alextde!

    Lies diesen und die verlinkten Artikel!

    Matthias

    --
    Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) http://www.billiger-im-urlaub.de/kreis_sw.gif
    1. Om nah hoo pez nyeetz, alextde!

      Lies diesen Beitrag und die verlinkten Artikel!

      Matthias

      Wie ich mein Layout mache dürfte ja wohl meine Sache sein.

      1. Mahlzeit alextde,

        Lies diesen Beitrag und die verlinkten Artikel!

        Wie ich mein Layout mache dürfte ja wohl meine Sache sein.

        Klar. Aber wieso fragst Du hier dann nach, wenn Du offenbar doch keine Hilfe möchtest?

        MfG,
        EKKi

        --
        sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
        1. Mahlzeit alextde,

          Lies diesen Beitrag und die verlinkten Artikel!

          Wie ich mein Layout mache dürfte ja wohl meine Sache sein.

          Klar. Aber wieso fragst Du hier dann nach, wenn Du offenbar doch keine Hilfe möchtest?

          MfG,
          EKKi

          Hi,

          hilfe schon aber es muß in der Tabelle funktionieren, nicht mit iframe o.ä.
          Vor allem da ich ein starres Layout verwende.Mindestens 50% der Seiten die vom Layout her für mich Interessant sind beruhen auf Tabellenstruktur.
          Eine Lösung mit Php oder Java ist das was ich suche.
          Meine Frage war einfach nicht nach den Layout möglichkeiten gestellt.

          Grüße,
          Alex

  2. Das geht entweder mit Javascript oder mit PHP:

    PHP:
    <table width="700" height="500" border="3px">
    <tr>
    <td width="350"><a href="<?=$_SERVER['PHP_SELF']?>?img=max.jpeg"><img src="min.jpeg" alt="min.jpeg" /></a></td>
    <td width="350"><?php
    if($_GET['img']){
     ?><img src="<?=$_GET['img']?>" alt=""><?php
    }
    ?></td>
    </tr>
    </table>

    Javascript:
    <table width="700" height="500" border="3px">
    <tr>
    <td width="350"><a href="#" onclick="document.getElementById('grossesbild').innerHTML='<img src="max.jpg" alt="">'; return false;"><img src="min.jpeg" alt="min.jpeg" /></a></td>
    <td width="350" id="gossesbild"></td>
    </tr>
    </table>

    oder beides zusammen, dann funktioniert es bei denen, die Javascript aktiviert haben sofort, bei den anderen mit einem Neuladen der Seite:

    <table width="700" height="500" border="3px">
    <tr>
    <td width="350"><a href="<?=$_SERVER['PHP_SELF']?>?img=max.jpeg" onclick="document.getElementById('grossesbild').innerHTML='<img src="max.jpg" alt="">'; return false;"><img src="min.jpeg" alt="min.jpeg" /></a></td>
    <td width="350" id="grossesbild"><?php
    if($_GET['img']){
     ?><img src="<?=$_GET['img']?>" alt=""><?php
    }
    ?></td>
    </tr>
    </table>

    1. Schreibst du eigentlich mit Absicht fehlerhaften bzw. potentiell gefährlichen und ungesicherten Code in dem nichtmal einfache Grundregeln wie ein simpler Kontextwechsel beachtet werden?

      1. Schreibst du eigentlich mit Absicht fehlerhaften bzw. potentiell gefährlichen und ungesicherten Code in dem nichtmal einfache Grundregeln wie ein simpler Kontextwechsel beachtet werden?

        Bitte erläutere mir wieso der Code nicht ok ist. Die php Version würde ich sonst nutzen.

        Danke

        1. Moin Moin!

          Schreibst du eigentlich mit Absicht fehlerhaften bzw. potentiell gefährlichen und ungesicherten Code in dem nichtmal einfache Grundregeln wie ein simpler Kontextwechsel beachtet werden?

          Bitte erläutere mir wieso der Code nicht ok ist. Die php Version würde ich sonst nutzen.

          Hast Du gelesen und verstanden, was Du gerade zitiert hast? Offenbar nicht. Wenigstens der PHP-Code ist extrem anfällig für Angriffe. Das willst Du nicht haben.

          Alexander

          --
          Today I will gladly share my knowledge and experience, for there are no sweeter words than "I told you so".
        2. @@alextde:

          nuqneH

          Bitte erläutere mir wieso der Code nicht ok ist. Die php Version würde ich sonst nutzen.

          NEIN!!

          Würde die Seite mit angehängtem ?img="/><script>alert("böses JavaScript");</script>
          aufgerufen werden, wird der fremde JavaScript-Code ausgefüht. S.a. http://forum.de.selfhtml.org/archiv/2010/9/t200404/#m1350619

          <?php
          if($_GET['img']){
          ?><img src="<?=$_GET['img']?>" alt=""><?php
          }
          ?>

          ist multipler Unsinn.

          1. NIEMALS Nutzereingaben unbearbeitet ausgeben! $_GET['img'] ist mit `` zu bearbeiten.

          2. Es sollte auf isset($_GET['img']) geprüft werden

          3. Vermurkste Syntax. Entweder

          <?php

          if (isset($_GET['img']))  
          {  
            echo '<img src="' . htmlspecialchars($_GET['img']) . '" alt="">'  
          }
          

          ?>

          oder

          <?php if (isset($_GET['img'])): ?>
            <img src="<?php echo htmlspecialchars($_GET['img']); ?>" alt="">
          <?php endif; ?>

          Qapla'

          --
          Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
          (Mark Twain)