Bildergallery mit Fancybox - bin am Verzweifeln

Ich habe eine kleine Homepage erstellt und will nun eine Bildergallerie zum Blättern mit Fancy-Box erstellen, allerdings habe ich ein großes Problem, wobei ich keine Lösung finde. Ich hoffe ihr könnt mir helfen.

Ich habe eine SQL-Datenbank mit Eingabemaske erstellt und auch eine "Gallery-Übersicht mit Thumbnails mittels PHP erstellt. Diese Seite sieht folgendermaßen aus:

<? $dbname = "gallery"; MYSQL_CONNECT("localhost", "....", "....") OR DIE("Unable to connect to database server"); @mysql_select_db("$dbname") or die("Unable to select database"); $id = $_GET["id"]; if(!is_numeric($id)) die("wrong parameter"); $query = "SELECT ID, DATE_FORMAT(Date, '%d.%m.%Y') as Date, Heading, Folder, is_listed FROM Gallery where ID=$id"; $result = MYSQL_QUERY($query); $number = MYSQL_NUMROWS($result); $is_listed = mysql_result($result, $i, "is_listed"); ?> Gallery
    <table border="0" cellspacing="0" cellpadding="0" align="center">
      <tr>
        <td>
          <table border="0" align="center">
            <tr> 
              <td style="height: 240px"> <br>
                  <table width="787" border="0" align="center" cellpadding="4" cellspacing="0">
                  <tr height="1px"> 
                    <td valign="top" width="14%" class="datecell" height="1px">
                        <font class="datefont"><? if($is_listed) echo mysql_result($result, $i, "Date"); else echo "&nbsp;"; ?></font></td>
                    <td valign="top" colspan="2" class="headingcell" style="height: 5px"><font class="headingfont"><? echo mysql_result($result, $i, "Heading"); ?></font></td>
                  </tr>
                  <tr> 
                    <td valign="top" style="height: 132px">
                        &nbsp;</td>
                    <td valign="top" style="height: 132px" align="center">
		<table border="5" style="border-color:#0C0C2E; border-style:solid;" cellspacing="0" cellpadding="0" bordercolor="#0C0C2E">
		<tr>
<? $folder = mysql_result($result, 0, "Folder"); $relative_folder = "imggal/galleries/$folder"; $dh = opendir($relative_folder); $i = 0; while(($file = readdir($dh)) !== false) { if(!is_dir("$relative_folder/$file")) { if($i > 0 && $i % 3 == 0) echo "" ?>
		<td align="center" style="border-color:#0C0C2E; border-style:solid; border-width:5px;" width="113" height="85" style="border-width:5px;"><a href="show_image.php?id=<? echo $id; ?>&image=<? echo "$relative_folder/$file"; ?>"><img border="0" src="/imggal/thumb.aspx?maxwidth=130&maxheight=85&image=<? echo "$folder/$file"; ?>"></a></td>
<? $i++; } } while($i > 0 && $i % 3 != 0) { echo " "; $i++; } closedir($dh); ?>
		</tr></table>
		</td>
                    </tr>
                  </table>
              </td>
            </tr>
        </table>
        </td>
        </tr>
        </table>
<? MYSQL_CLOSE(); ?>

Nun will ich eigentlich bei Klick auf die Bilder zur show_image.php kommen und dort eine Gallery mit Fancybox (also ein Pop-Up mit Blätterfunktion) erstellen, allerdings liegt da der Haken! Ich sitze jetzt schon ewig vor dem Problem und finde keine Lösung!

Ich habe div. Varianten versucht, aber leider kein Erfolg!

Habt ihr eine Idee? Ich will weiter den SQL-Server verwenden, da ein Teil der HP bereits damit „gewartet“ wird!

Es braucht auch nicht die Lightcube-Variante sein!!

HILFEEEE! ICH STEH VOLL AM SCHLAUCH!!! Vielleicht könnt ihr mir ja weiterhelfen!

Danke sehr!

silver

Die Fancybox ist in diesem Quellcode nicht mal enthalten. Also kann dort auch nichts funktionieren. Gehe nach der Anleitung hier vor, dann klappt es auch.

Das weiß ich schon! Die hab ich auch im show_image.php integriert. ich wollte nur zeigen, wie ich die „Übersicht“ erstellt habe und wie ich die IDs bekommen habe!

Ich bin genau nach Anleitung vorgegangen, aber irgendwie hat es auch nicht geklappt, da ich den Ordner weder als i-Frame noch als img einfügen konnte, so wie ich das wollte! Und ajax wollte ich nicht nutzen, da ich die SQL-Datenbank habe!

Wahrscheinlich denke ich nur komplett falsch!

Der Vollständigkeit halber

Der letzte Versuch der Fancybox, jedoch mit „händischer Benamung“!

Gallery

So hats auch funktioniert, allerdings sehr sehr sehr umständlich!

Was aber für dein eigentliches Problem nicht relevant zu sein scheint. Diese Liste soll also nur auf Detailansichten verlinken in denen man wiederum per Klick auf das Bild dieses in einer Fancybox öffnen kann? Beschreib es mal mit der gewünschten Klickreihenfolge, dann dürften wir auch vom selben reden.

Diese Liste soll also nur auf Detailansichten verlinken in denen man wiederum per Klick auf das Bild dieses in einer Fancybox öffnen kann?

Genau so!

Ich will bei Klick auf das bild die Fancybox öffnen und dann aber auch vor bzw. zurückblättern können! Nur öffnen ist ja das kleinere Problem, aber die Blätterfunktion macht mich noch verrückt!

Wahrscheinlich ist es nur eine Kleinigkeit in meinem Denkprozess, aber ich komm nicht drauf, wie ich es machen könnte.

Wenn Du die Detailansicht vor dir hast, musst Du parallel zu dem angezeigten Bild auch alle anderen in der Fancybox anzuzeigenden Bilder laden und verlinken (also quasi den Teil SQL und PHP den Du auch in der Liste hast). Diese kannst Du dann per CSS ausblenden („display: none;“ für jeden Link/img/Element), so dass sie nicht angezeigt werden. Die Fancybox sollte dann diese Bilder erkennen und sie in die Galerie einbinden, so dass eine Navigation möglich wäre.

Danke!

Das klingt ja sehr logisch! Ans Ausblenden hätte ich nämlich gar nicht gedacht. War so fixiert aufs beziehen der nächsten ID!

muss das dann bei Gelegenheit gleich mal probieren.

Nur eine Frage noch: Ich kann dann doch wieder die ID in der ähnlichen Art beziehen, wie ich es gemacht habe und dadurch das „Ausblenden“ automatisch generieren oder muss ich das jeweils einzeln eingeben?

Danke!

aaaahhh! Es funktioniert nicht! Ich bin doch zu blöd und zu eingerostet!!

Du kannst alle Bilder mit einem Statement laden und anzeigen. Das welches die ID der aufgerufenen Seite hat, blendest Du nicht aus.

So! Ich habe jetzt versucht und getüftelt und probiert und komme trotzdem nicht weiter! grr, aber irgendwie klappt das mit der Fancybox leider nicht und ich weiß nicht wo ich hänge!

Vielleicht kann mir ja jemand doch noch den ultimativen-PHP-Fancybox-für-Dummies-Tipp geben.

Gibt es eine andere Lightbox bzw. Fotogallerievariante, wo meine derzeitige CMS-bearbeitete Gallerie bleiben kann und die ich einfach einbauen kann? Dazu müsste ich doch einfach nur die ID der Gallerie als „Quelle“ beziehen. Die Thumbnail-Ansicht würd ich so gerne lassen, wie oben beschrieben. (immerhin hab ich wenigstens die hinbekommen - mit Hilfe meiner alten Unterlagen)!

Hab schon in meinen Uraltbüchern gekramt, aber da finde ich nichts wirklich passendes!

Ich hab auch ne Blätterfunktion mit i+ gebastelt, aber auch da passt was nicht ganz!

grr Es ist wirklich zum Mäusemelken! Ich komm einfach nicht auf eine Lösung und bastel nun schon in meiner gesamten Freizeit an dem Ding rum!

HIIIIIILFE!!

Lightbox 2 ← da gibts noch eine