Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] Lightbox 2 und Bilder von der MySQL Tabelle

Einklappen

Neue Werbung 2019

Einklappen
X
Einklappen
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige Weiter
  • #1

    [Erledigt] Lightbox 2 und Bilder von der MySQL Tabelle

    Hallo Leute,

    ich steh momentan wirklich auf dem Schlauch. Ich bin dabei Eine Bildergalerie mit Vote-Funktion zu schreiben. So nun zum Problem: Ich versuche die Bilder die in meiner Datenbank gespeichert sind mit Lightbox anzuzeigen. Er zeigt das kleine Bild an und das große was eigentlich als Lightbox geöffnet werden soll öffnet er in einem neuen Tab.
    Wisst ihr vielleicht warum es nicht geht?

    Hier das Script:
    Link zur Seite: http://wring.cwsurf.de/schulfb/image.php

    PHP-Code:
    <?php //ohne Lightbox/ Nur Bild
                 $result = mysql_query("SELECT id FROM imagedb");
             while(    $row = mysql_fetch_object($result)) {
                echo     '<img alt="" src="image.php?id='.$row->id.'" width="700" /><br />';
             }
    ?>

    <li>
    <?php //mit Lighrbox 
                 $result = mysql_query("SELECT id FROM imagedb");
             while(    $row = mysql_fetch_object($result)) {

                    print     '<a href="image.php?id='.$row->id.'">';
                    print     '<img src="image.php?id='.$row->id.'" width="560" alt="Angezeigtes Bild"></a>'; 
                    print     '<span></span>';
                    print     '<span><form action="check.php" method="post"><input type="submit" name="sub" value="Mag Ich"></form>';
            }
    ?>                
    </li>
    MfG Marco
    Stichworte: -
  • #2
    Ist eigentlich eher eine JS- oder HTML-Frage...

    Was für eine Lightbox verwendest Du denn? Ich finde es nämlich interessant, dass sich nirgends im HTML-Ausschnitt Informationen zur Lightbox finden... keine Klassen, keine data-Attribute, keine onclick, nichts.

    Also so wird ein normaler Link um das Bild gelegt und somit ist es klar wieso es sich beim Anklicken öffnet.

    Kommentar

    • #3
      Ich benutze die Lightbox2.

      Hier das Komplette Script:

      PHP-Code:
      <?php
               // MySQL-Verbindung herstellen
               require 'connect.php';
       
               // Bild ausgeben
               $id = $_GET['id'];
               $result = mysql_query("SELECT image, mimetype FROM imagedb WHERE id='$id'");
               $row = mysql_fetch_object($result);
               header("Content-type: $row->mimetype");
         echo       $row->image;
      ?>
      <html>
      <head>
      <script src="js/jquery-1.7.2.min.js"></script>
      <script src="js/lightbox.js"></script>
      <script type="text/javascript" src="jquery-lightbox/js/jquery.lightbox-0.5.js"></script>
      <script language="javascript" type="text/javascript" src="js/jquery.js"></script>
      <script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
      <script language="javascript" type="text/javascript" src="js/script.js"></script>
      <script language="javascript" tsrc="js/lightbox.js"></script>
      <script type="text/javascript" src="jquery.js"></script>
      <script type="text/javascript" src="sliding_effect.js"></script>
      <script type="text/javascript">
      $(document).ready(function() {
          $('#galerie a').lightBox();
      });
      </script>
      <script type="text/javascript" src="jquery-lightbox/js/jquery.lightbox-0.5.js"></script>
      <link href="jquery-lightbox/css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
      <link href="jquery-lightbox/css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
      </head>
      <body>

      <?php //ohne Lightbox/ Nur Bild
                     $result = mysql_query("SELECT id FROM imagedb");
               while(      $row = mysql_fetch_object($result)) {
                  echo       '<img alt="" src="image.php?id='.$row->id.'" width="700" /><br />';
               }
      ?>

      <li>
      <?php //mit Lighrbox 
                     $result = mysql_query("SELECT id FROM imagedb");
               while(      $row = mysql_fetch_object($result)) {

                      print       '<a href="image.php?id='.$row->id.'">';
                      print       '<img src="image.php?id='.$row->id.'" width="560" alt="Angezeigtes Bild"></a>'; 
                      print       '<span></span>';
                      print       '<span><form action="check.php" method="post"><input type="submit" name="sub" value="Mag Ich"></form>';
              }
      ?>                
      </li>                  
                        
      </body>
      </html>

      Kommentar

      • #4
        Wieso auch immer, dann noch das jQuery-lightbox-plugin drinnen ist, das auf Lightbox2 basiert...
        Miste generell mal den head aus

        Aber schau mal hier: How To Use

        Kommentar

        • #5
          Also ich denke mal dass es jetzt geht Kann leider nicht gucke bei meinem Hoster sind die Datenbank Server Down:/

          Danke für deine Hilfe

          LG Marco

          Kommentar

          Vorherige Weiter
          Lädt...
          X