Von Thumb zu Popup mit Navigationsbuttons

[Hexo]

Hey.

Ich versuche was zu realisieren, aber ich hab leider null plan, wie ich das hinbekomme. Ich will die Aktuelle Version von der CPG 1.4.8 mit dem Basicstyle, den GauGau mit gemacht hat (danke nochmal) in eine Page integrieren. Ich will aber, das diese Zwischenbilder nicht mehr kommen, sondern einfach das Popup, welches die Navigation mit Vor und zurück hat.

Ich hatte mal mittels Javascript und Html sowas in der art gemacht, aber das reinsetzten von vielen Bildern ist da immer umständlich. Deswegen möchte ich gern auch bei einer anderen Seite von mir auf die Copperminegalerie umsteigen.

Beispielgalerie: http://emsfriends.com/beta2/galerie/partys/B&W_06/index.html

Quasi wäre es super wenn man das popup so realisieren kann!!!!

[lamama]

Ich versteh grad dein Problem nicht.

Bei der Gallery, die Du verlinkt hast geht beim Klick auf eines der Thumbs ein Popup mit dem auf, was bei CPG der "Zwischenansicht" entspricht.
Diese Bildansicht hat bei CPG oben auch Pfeile für Bild vor/züruck. Das einzige, was CPG nicht macht, ist ein Popup zu öffnen, sondern dasselbe Browserfenster.

Ist es das, was Du möchtest: die Bildansicht von CPG soll sich in einem neuen Popup öffnen?

[Stramm]

Am einfachsten wäre es, Komments und Rating nicht anzuzeigen.

[Hexo]

Ist es das, was Du möchtest: die Bildansicht von CPG soll sich in einem neuen Popup öffnen?

Sorry, hab mir vielleicht ein wenig doof ausgedrückt. Aber Du hast recht. Ich will, dass sich die Bildansicht in einem POPUP öffnet und das dort auch die Navigation zu finden ist, wie in der zwischenansicht.

@ stramm: Danke für den Tipp, werd ich auf jeden Fall noch machen!

[Stramm]

hatte Dich schon verstanden... vom thumb zu fullsize ist mit rel. wenig aufwand möglich (und im engl. board zu finden), die Navigation dann hier einzufügen ist was Neues

[Hexo]

vom thumb zu fullsize ist mit rel. wenig aufwand möglich (und im engl. board zu finden)

Den Thread hab ich schon gefunden und getestet. Funzt wunderbar. Leider nicht für meinen Fall so wirklich zu gebrauchen.

die Navigation dann hier einzufügen ist was Neues

Heißt das: Schwer zu realisieren, oder lohnt sich nicht, oder klingt interesant? ;-)
Wäre echt genial. Ich persönlich finde das immer die schönste Lösung. So hat man meisten mehr Platz für das eigenliche Bild. Meistens ist die Galerie noch in eine Seite integriert (mit Banner usw) und dann passt das meistens nicht so 100% in den Monitor (mit den Zwischenbildern). Dann muss man immer noch nach unten Scrollen. So hat man dann nur das reine Bild und kann schön weiternavigieren. Wenn man das Popup schließt, hat man wieder eine schöne übersicht (mit den Thumbs). Gut, ist geschmacksache, aber für mich und meine Fälle wäre das die Perfekte lösung.

Setze die Galerie mittlerweile bei 4 Seiten ein und bin hellauf begeistert. Mit der CPG kann sonst nix mithalten.

[Stramm]

hehe, das heißt eigentlich nur, daß es Zeit kostet. Und zumindest bei den beiden dt. Devs (GauGau und mich) ist es gerade etwas knapper damit bemessen. Kannst ja mal auf dem eng. board anfragen oder warten. Evtl. hat doch mal jemand etwas mehr Zeit

Besonders schwer ist es wohl nicht die back/ forward Funktion vom intermediate view zu kopieren und anzupassen.

[Hexo]

Mhh.... Zeit hab ich schon. Eilt im Prinzip nicht so wirklich. Bin schon lange die eine Seite am Umbauen und auf ein paar Tage (Wochen) kommt es nicht an. Gut Ding will weil ham. Hauptsache es klappt irgendwann.

Ich mein, ich kann ja mal die Anfrage im Englischen Bereich stellen, aber.... Nun ja.... Mein Englisch ist nicht so wirklich der bringer. Hab nur das Schulenglisch drauf und leider oder gott sei dank bin ich schon seit 10 Jahren aus der Schule draußen (quasi wer nichts, oder kaum mit einer Sprache zu tun hat, verlehrnt sie relative schnell)...

Danke schonmal im vorraus für die Mühe!!!!

[Hexo]

Also, ich hatte mal im Englischen Bereich (Plugins) geschrieben, aber bißher null reaktionen bekommen.

Was das ganze so schlecht beschrieben, oder bin ich da im total verkehrten Bereich?

http://forum.coppermine-gallery.net/index.php?topic=33169.0

[Hexo]

Ich wollte nur mal nachhören, ob mir dabei irgendjemand hier helfen kann...

[lamama]

Nein, so ganz zielgerichtet grad nicht. Dazu fehlt die Zeit.

Wenn Du selbst etwas coden kannst, probiers mal mit 'nem Workaround:

- Schau mal, wo der Link erzeugt wird, der normalerweise das fullsize-Popup aufmacht. Könnte displayimage.php sein oder auch functions.inc.php, bin mir grad nicht sicher, hab aber grad keine Zeit zum Suchen. Irgendwas mit JavaScript auf jeden Fall...
- Dann schau, wo der Code für die Thumbnail-Übersicht zusammengebaut wird.
- Baue in der Thumbnail-Übersicht in jeden Link, der normalerweise die Zwischengrößenansicht im selben Fenster aufmachen würde, den Popup-code ein (natürlich entsprechend angepasst).

Wenn alles funzt, öffnet der Klick auf ein Thumbnail ein Popup mit der Zwischengrößenansicht des Fotos. Das macht auch Sinn, es sei denn deine Fotos sind garantiert immer so klein, daß sie in das Popup passen. Ich persönlich mag diese Popup-Lösungen gar nicht, wer ein extra Fenster will, soll halt lernen, Maus und Browser zu beherrschen...  aber das ist vll Geschmacksache.

Mich wundert etwas, daß es so einen Hack nicht schon an anderer Stelle hier geben soll...

[Hexo]

Hey. Dann muss ich wohl noch warten. Coden ist nicht so mein Ding. Ein wenig html ja, aber das wars schon. Dann muss ich wohl oder über noch warten, bis mir hier jemand helfen kann. Die Popupvariatne mit Navigation ist geschmacksache. Persönlich gefällt die. Meinen Leute auch. Ist halt praktisch. Man sieht das bild und kann navigieren und beim schließen des Popups sieht man wieder die Thumbs. Geschmacksache halt.

Mich wundert etwas, daß es so einen Hack nicht schon an anderer Stelle hier geben soll...

Wie meinste dass denn???

[lamama]

Wie meinste dass denn???

Ich meinte damit, daß ich mir gut hätte vorstellen können, dass jemand schon einen Hack für ein ähnliches Problem gebaut haben könnte, aber übersehen, dass du auch selber schon den Hack gefunden hattest, den ich meinte.
Außerdem wird mir erst scheibchenweise klar, auf was es Dir eigentlich ankommt 

So hat man dann nur das reine Bild und kann schön weiternavigieren.

Wenn das so funzen sollst, wie du schreibst, abeitet deine Gallery aber mit ziemlich kleinen Fullsize-Pics, oder? Ich finde, alles, was unter 1 Megapixel Auflösung hat, hat es nicht verdient "fullsize" genannt zu werden (und passt dann nicht unter Umständen nicht mehr ganz in ein Browserfenster) - von daher ist die m.E. einzig brauchbare Lösung, eben doch auf die (ggf. funktionell reduzierte) "Bildvorschau" zu verlinken (und die dort vorhandenen Navigationsmöglichkeiten zu nutzen, inkl. der Möglichkeit, ggf. sich das Bild fullsize anzuschauen) und nicht in die Fullsize-Ansicht eine neue Navigation einzubauen.


Ich hab mal etwas rumprobiert...

Die CPG-Experten mögen mich korrigieren, aber ich denke, der Ansatzpunkt für ein erstes Rumgebastel ist die theme.php (wenn es nur für ein Theme sein soll) oder die themes.inc.php (wenn es für alle Themes sein soll - dann mußt du aber bei jedem Update den Hack neu einbauen).

Ich gehe mal davon aus, daß Du ein Theme ändern willst.

1. Nachschauen, ob dein Theme den untenstehenen Codeblock enthält.

2. Wenn nicht, include/themes.inc.php öffnen und diesen Codeblock suchen (ab ca. Zeile 550) und in deine bevorzugte theme.php kopieren.

Code Select Expand

// HTML template for thumbnails display
if (!isset($template_thumbnail_view))  //{THEMES}
$template_thumbnail_view = <<<EOT

<!-- BEGIN header -->
        <tr>
<!-- END header -->
<!-- BEGIN thumb_cell -->
        <td valign="top" class="thumbnails" width ="{CELL_WIDTH}" align="center">
                <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                                <td align="center">
                                        <a href="{LINK_TGT}">{THUMB}<br /></a>
                                        {CAPTION}
                                        {ADMIN_MENU}
                                </td>
                        </tr>
                </table>
        </td>
<!-- END thumb_cell -->
<!-- BEGIN empty_cell -->
                <td valign="top" class="thumbnails" align="center">&nbsp;</td>
<!-- END empty_cell -->
<!-- BEGIN row_separator -->
        </tr>
        <tr>
<!-- END row_separator -->
<!-- BEGIN footer -->
        </tr>
<!-- END footer -->
<!-- BEGIN tabs -->
        <tr>
                <td colspan="{THUMB_COLS}" style="padding: 0px;">
                        <table width="100%" cellspacing="0" cellpadding="0">
                                <tr>
                                       {TABS}
                                </tr>
                        </table>
                </td>
        </tr>
<!-- END tabs -->
<!-- BEGIN spacer -->
        <img src="images/spacer.gif" width="1" height="7" border="" alt="" /><br />
<!-- END spacer -->

EOT;

3. Etwas wildes rumgehacke:
Entscheidend ist diese Zeile aus dem o.g. Codeblock:

Code Select Expand


                                        <a href="{LINK_TGT}">{THUMB}<br /></a>


Hier wäre wohl das Popup einzubauen, da ich mich nie ernsthaft Javascript beschäftigt hab, müsste da jemand anders den Code für liefern

Daher der Workaround mit stinkeinfachen HTML:

Code Select Expand


                                        <a href="{LINK_TGT}" target="_blank">{THUMB}<br /></a>


Das öffnet jetzt einfach nur ein neues Browserfenster, ist also nicht genau das, was Du wolltest, aber vll reichts ja vorerst.

(Ein paar Augenblicke des Austestens später...)
Hmmm. Natürlich wär es schön, jetzt NUR den Mittelbereich mit Bild, Ratings, Comments... anzuzeigen. Und nicht den Kram (Menü, Breadcumb, Header, Footer, etc.) ringsrum. Dann wär's IMHO fast perfekt. 

Frage an die Experten:
Gibt's ne Möglichkeit, mit möglicht wenig Aufwand den Mittelteil "rauszuschälen"?

[Joachim Müller]

Aus displayimage.php den Aufruf von pageheader und pagefooter ausbauen (durch auskommentieren).

[Hexo]

Ohne scheiß, das passt schon fast.

Ich hab jetzt folgenden Code in mein Theme.php eingefügt.

Code Select Expand

// HTML template for thumbnails display
if (!isset($template_thumbnail_view))  //{THEMES}
$template_thumbnail_view = <<<EOT

<!-- BEGIN header -->
        <tr>
<!-- END header -->
<!-- BEGIN thumb_cell -->
        <td valign="top" class="thumbnails" width ="{CELL_WIDTH}" align="center">
                <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                                <td align="center">
                            <a href="javascript:newwin=window.open('{LINK_TGT}', 'newwin', 'width=600,height=500'); newwin.focus();">{THUMB}<br /></a>
                                        {CAPTION}
                                        {ADMIN_MENU}
                                </td>
                        </tr>
                </table>
        </td>
<!-- END thumb_cell -->
<!-- BEGIN empty_cell -->
                <td valign="top" class="thumbnails" align="center">&nbsp;</td>
<!-- END empty_cell -->
<!-- BEGIN row_separator -->
        </tr>
        <tr>
<!-- END row_separator -->
<!-- BEGIN footer -->
        </tr>
<!-- END footer -->
<!-- BEGIN tabs -->
        <tr>
                <td colspan="{THUMB_COLS}" style="padding: 0px;">
                        <table width="100%" cellspacing="0" cellpadding="0">
                                <tr>
                                       {TABS}
                                </tr>
                        </table>
                </td>
        </tr>
<!-- END tabs -->
<!-- BEGIN spacer -->
        <img src="images/spacer.gif" width="1" height="7" border="" alt="" /><br />
<!-- END spacer -->

EOT;

Dann hab ich aus meiner alten Galerie den Javascriptcode geklaut und das dann eingefügt.

Code Select Expand

<a href="javascript:newwin=window.open('{LINK_TGT}', 'newwin', 'width=600,height=500'); newwin.focus();">{THUMB}<br /></a>

Das klappt jetzt schon, dass ich ein Popup hab und es passt auch ins Bild. Ich hab auch den Pageheader und pagefooter auskommentiert. Leider ist da bei mir was falsch. Ich hab nun keine Hintergrundfarbe im Popup.

Jetziger Stand: http://www.emsfriends.com/galerie/thumbnails.php?album=12

Bekomm ich oben im POPUP eigendlich noch irgendwie die Buttons weg? Ich brauch eigentlich nur den Vor und zurück Button, sowie den E-Card Button. Mehr nicht. Ist der Javascriptcode eigentlich sinnvoll bzw. in ordnung?

Achso, geht das eigendlich auch noch, das unter dem Bild im POPUP dann noch so ein Textlink ist vonwegen:

Fenster schließen

Oder so? Oh man, ich stell ansprüche... Sorry!!!

[lamama]

Ohne scheiß, das passt schon fast.

Wunderbar :-)

Leider ist da bei mir was falsch. Ich hab nun keine Hintergrundfarbe im Popup.

Weiss ich grad nicht, woran das liegen könnte. Du hast sicher irgendwas zuviel rausgeschmissen, aber was...?

Jetziger Stand: http://www.emsfriends.com/galerie/thumbnails.php?album=12

Schön, aber schade. Ein Coppermine, was gar nicht mehr nach Coppermine aussieht. Aber mußt du ja selber wissen.

Bekomm ich oben im POPUP eigendlich noch irgendwie die Buttons weg?

Schau mal in deiner themes.php nach...

Code Select Expand

// HTML template for the image navigation bar

Und wenn nicht, kopiere es aus dem sample-theme oder aus themes.inc.php in deine themes.php.

Eine Etage tiefer ist auch das template für die Bildansicht. Vielleicht kann man da ja via css etwas mit dem Hintergrund reinfrickeln.

Zu den anderen Sachen kann ich leider nicht so viel sagen. 

[Joachim Müller]

Hm, nachdem Du alle Features aus Coppermine ausgebaut hast bzw. noch ausbauen willst verstehe ich nicht, warum Du Coppermine überhaupt einsetzt; es gibt eine Menge Primitivo-Skripts, die genau das können (aber auch kein Gramm mehr): Thumbnail-Liste mit Full-Size Pop-Up. Meiner Meinung nach hast Du eine Mercedes S-Klasse gekauft (naja, nicht direkt gekauft, sondern kostenlos erhalten) und jetzt stundenlang dran rumgeflext und Zeug ausgebaut, um endlich mit einem Fiat Panda daher zu kommen. Ich hätte mir gleich einen Panda gekauft...

[Hexo]

Ich weiß genau was ihr meint. Ich verwende die CopperminGallery ja noch bei drei anderen Seiten und dort hab ich die nicht so Kastriert (bzw. gar nicht). Bei diesem Fall geht es nur halt darum, dass ich die Gallery so in eine HTML integriere, ohne dass es das aussieht, dass man eine Galerie integriert hab. Ich versuche das der Originalseite anzupassen. www.emsfriends.com . Das Grundgerüst der Seite hab ich  damal mit so nem Scheiß Internetdesigner. Das war ein aufwand. Naja und mittlerweile hab ich ein wenig html begeracht und bin alles am Umcoden. Dann hab ich auch eine eigene Galerievorlage mit geschrieben. Leider dauert es immer ewigkeiten bis ich das angepasst habe. Dann bin ich auf die Idee gekommen das mal mit der CPG zu versuchen. Dann hab ichs einfach und die Seite kann vom Design immer noch so aussehen wie sie vorher aussah und alle meine Leute sind glücklich. Sonst brauchte ich immer Stunden um Fotos online zu setzten. Deswegen häng ich da immer voll hinterher, da ich so wenig Zeit hab das zu machen.

Das mit den Popups ist wirklich geschmacksache, aber ich find das schöner so (persönliche Meinung). Manche Menschen kaufen sich auch ein S-Klasse die keine wirkliche S-Klasse mehr ist (Bsp: Brabus). Naja. Das Design ist zwar CPG untypisch aber ich hab so immer noch den kompletten Verwaltungsbereich der CPG. Quasi hab ich nur eine andere Karosserie und ne andere Lenkung aber immer noch die Perfekte Qualität des "Mercedes" und den Motor.

Hm, nachdem Du alle Features aus Coppermine ausgebaut hast

Hab ich ja nicht. Ich will ja die Diashow und die E-Card behalten. Brauch halt nur den INFO Button und den "schließen" Button nicht. Man brauch ja nur das  Popup zu schließen.

Aber jetzt nochmal kurz zu dem Popup... Wie kann ich da die Farbe anpassen? Ich wüßte nicht wo und wie ich die Style.css anpassen müßte.

Sorry, wenn ich euch mit meinen Vorstellungen nerve.

[Joachim Müller]

Suche in themes/dein_theme/theme.php nach

Code Select Expand

// Display the full size image. Wenn nicht vorhanden, dann aus dem sample theme kopieren bzw. folgendes Code-Schnipsel in Dein Theme einfügen (in eine neue Zeile vor ?>):

Code Select Expand

// Display the full size image
function theme_display_fullsize_pic()
{
    global $CONFIG, $THEME_DIR, $ALBUM_SET;
    global $lang_errors, $lang_fullsize_popup, $lang_charset;

    if (isset($_GET['picfile']))
    {
        if (!GALLERY_ADMIN_MODE) cpg_die(ERROR, $lang_errors['access_denied'], __FILE__, __LINE__);

    $picfile = $_GET['picfile'];
    $picname = $CONFIG['fullpath'] . $picfile;
    $imagesize = @getimagesize($picname);
    $imagedata = array('name' => $picfile, 'path' => path2url($picname), 'geometry' => $imagesize[3]);
    }
    elseif (isset($_GET['pid']))
    {
    $pid = (int)$_GET['pid'];
    $sql = "SELECT * " . "FROM {$CONFIG['TABLE_PICTURES']} " . "WHERE pid='$pid' $ALBUM_SET";
    $result = cpg_db_query($sql);

    if (!mysql_num_rows($result)) cpg_die(ERROR, $lang_errors['non_exist_ap'], __FILE__, __LINE__);

    $row = mysql_fetch_array($result);
    $pic_url = get_pic_url($row, 'fullsize');
    $geom = 'width="' . $row['pwidth'] . '" height="' . $row['pheight'] . '"';
    $imagedata = array('name' => $row['filename'], 'path' => $pic_url, 'geometry' => $geom);
    }

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=<?php echo $CONFIG['charset'] == 'language file' ? $lang_charset : $CONFIG['charset'] ?>" />
  <title><?php echo $CONFIG['gallery_name'] ?>: <?php echo $lang_fullsize_popup['click_to_close'];
      ?></title>
  <script type="text/javascript" src="scripts.js"></script>
  <style type="text/css">
  body { margin: 0; padding: 0; background-color: gray; }
  img { margin:0; padding:0; border:0; }
  #content { margin:0 auto; padding:0; border:0; }
  table { border:0; height:100%; width:100%; border-collapse:collapse}
  td {         vertical-align: middle; text-align:center; }
  </style>
  </head>
  <body>
    <script language="JavaScript" type="text/JavaScript">
      adjust_popup();
    </script>
    <table>
      <tr>
            <td>
          <div id="content">
              <?php     echo  '<a href="javascript: window.close()"><img src="'
                . htmlspecialchars($imagedata['path']) . '" '
                . $imagedata['geometry']
                . 'alt="'
                . htmlspecialchars($imagedata['name'])
                . '" title="'
                . htmlspecialchars($imagedata['name'])
                . "\n" . $lang_fullsize_popup['click_to_close']
                . '" /></a><br />' ."\n";
               ?>
          </div>
        </td>
      </tr>
    </table>
  </body>
</html>
<?php
}Um die Hintergrundfarbe des Pop-Ups zu ändern, bearbeite

Code Select Expand

  body { margin: 0; padding: 0; background-color: gray; }nach Deinen Wünschen.

[Hexo]

Also ich hab das jetzt mal so eingefügt, wie Du beschrieben hast.

Code Select Expand

<?php
/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2006 Coppermine Dev Team
  v1.1 originally written by Gregory DEMAR

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation; either version 2 of the License, or
  (at your option) any later version.
  ********************************************
  Coppermine version: 1.4.9
**********************************************/

// ------------------------------------------------------------------------- //
// This theme has all CORE items removed                                     //
// ------------------------------------------------------------------------- //
define('THEME_IS_XHTML10_TRANSITIONAL',1);

// HTML template for thumbnails display
if (!isset($template_thumbnail_view))  //{THEMES}
$template_thumbnail_view = <<<EOT

<!-- BEGIN header -->
        <tr>
<!-- END header -->
<!-- BEGIN thumb_cell -->
        <td valign="top" class="thumbnails" width ="{CELL_WIDTH}" align="center">
                <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                                <td align="center">
                            <a href="javascript:newwin=window.open('{LINK_TGT}', 'newwin', 'width=600,height=600'); newwin.focus();">{THUMB}<br /></a>
                                        {CAPTION}
                                        {ADMIN_MENU}
                                </td>
                        </tr>
                </table>
        </td>
<!-- END thumb_cell -->
<!-- BEGIN empty_cell -->
                <td valign="top" class="thumbnails" align="center">&nbsp;</td>
<!-- END empty_cell -->
<!-- BEGIN row_separator -->
        </tr>
        <tr>
<!-- END row_separator -->
<!-- BEGIN footer -->
        </tr>
<!-- END footer -->
<!-- BEGIN tabs -->
        <tr>
                <td colspan="{THUMB_COLS}" style="padding: 0px;">
                        <table width="100%" cellspacing="0" cellpadding="0">
                                <tr>
                                       {TABS}
                                </tr>
                        </table>
                </td>
        </tr>
<!-- END tabs -->
<!-- BEGIN spacer -->
        <img src="images/spacer.gif" width="1" height="7" border="" alt="" /><br />
<!-- END spacer -->

EOT;

// HTML template for title row of the thumbnail view (album title + sort options)
$template_thumb_view_title_row = <<<EOT

                        <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                                <td width="100%" class="statlink"><h2>{ALBUM_NAME}</h2></td>
                                <td><img src="images/spacer.gif" width="1" alt="" /></td>
                                <td class="sortorder_cell">
                                        <table cellpadding="0" cellspacing="0">
                                        <tr>
                                                <!--<td class="sortorder_options">{TITLE}</td>-->
                                                <!--<td class="sortorder_options"><span class="statlink"><a href="thumbnails.php?album={AID}&amp;page={PAGE}&amp;sort=ta" title="{SORT_TA}">&nbsp;+&nbsp;</a></span></td>-->
                                                <!--<td class="sortorder_options"><span class="statlink"><a href="thumbnails.php?album={AID}&amp;page={PAGE}&amp;sort=td" title="{SORT_TD}">&nbsp;-&nbsp;</a></span></td>-->
                                        </tr>
                                        <tr>
                                                <!--<td class="sortorder_options">{NAME}</td>-->
                                                <!--<td class="sortorder_options"><span class="statlink"><a href="thumbnails.php?album={AID}&amp;page={PAGE}&amp;sort=na" title="{SORT_NA}">&nbsp;+&nbsp;</a></span></td>-->
                                                <!--<td class="sortorder_options"><span class="statlink"><a href="thumbnails.php?album={AID}&amp;page={PAGE}&amp;sort=nd" title="{SORT_ND}">&nbsp;-&nbsp;</a></span></td>-->
                                        </tr>
                                        <tr>
                                                <!--<td class="sortorder_options">{DATE}</td>-->
                                                <!--<td class="sortorder_options"><span class="statlink"><a href="thumbnails.php?album={AID}&amp;page={PAGE}&amp;sort=da" title="{SORT_DA}">&nbsp;+&nbsp;</a></span></td>-->
                                                <!--<td class="sortorder_options"><span class="statlink"><a href="thumbnails.php?album={AID}&amp;page={PAGE}&amp;sort=dd" title="{SORT_DD}">&nbsp;-&nbsp;</a></span></td>-->
                                        </tr>
                                        <tr>
                                                <!--<td class="sortorder_options">{POSITION}</td>-->
                                                <!--<td class="sortorder_options"><span class="statlink"><a href="thumbnails.php?album={AID}&amp;page={PAGE}&amp;sort=pa" title="{SORT_PA}">&nbsp;+&nbsp;</a></span></td>-->
                                               <!-- <td class="sortorder_options"><span class="statlink"><a href="thumbnails.php?album={AID}&amp;page={PAGE}&amp;sort=pd" title="{SORT_PD}">&nbsp;-&nbsp;</a></span></td>-->
                                        </tr>
                                        </table>
                                </td>
                        </tr>
                        </table>

EOT;
// Display the full size image
function theme_display_fullsize_pic()
{
    global $CONFIG, $THEME_DIR, $ALBUM_SET;
    global $lang_errors, $lang_fullsize_popup, $lang_charset;

    if (isset($_GET['picfile']))
    {
        if (!GALLERY_ADMIN_MODE) cpg_die(ERROR, $lang_errors['access_denied'], __FILE__, __LINE__);

    $picfile = $_GET['picfile'];
    $picname = $CONFIG['fullpath'] . $picfile;
    $imagesize = @getimagesize($picname);
    $imagedata = array('name' => $picfile, 'path' => path2url($picname), 'geometry' => $imagesize[3]);
    }
    elseif (isset($_GET['pid']))
    {
    $pid = (int)$_GET['pid'];
    $sql = "SELECT * " . "FROM {$CONFIG['TABLE_PICTURES']} " . "WHERE pid='$pid' $ALBUM_SET";
    $result = cpg_db_query($sql);

    if (!mysql_num_rows($result)) cpg_die(ERROR, $lang_errors['non_exist_ap'], __FILE__, __LINE__);

    $row = mysql_fetch_array($result);
    $pic_url = get_pic_url($row, 'fullsize');
    $geom = 'width="' . $row['pwidth'] . '" height="' . $row['pheight'] . '"';
    $imagedata = array('name' => $row['filename'], 'path' => $pic_url, 'geometry' => $geom);
    }

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=<?php echo $CONFIG['charset'] == 'language file' ? $lang_charset : $CONFIG['charset'] ?>" />
  <title><?php echo $CONFIG['gallery_name'] ?>: <?php echo $lang_fullsize_popup['click_to_close'];
      ?></title>
  <script type="text/javascript" src="scripts.js"></script>
  <style type="text/css">
  body { margin: 0; padding: 0; background-color: navy; }
  img { margin:0; padding:0; border:0; }
  #content { margin:0 auto; padding:0; border:0; }
  table { border:0; height:100%; width:100%; border-collapse:collapse}
  td {         vertical-align: middle; text-align:center; }
  </style>
  </head>
  <body>
    <script language="JavaScript" type="text/JavaScript">
      adjust_popup();
    </script>
    <table>
      <tr>
            <td>
          <div id="content">
              <?php     echo  '<a href="javascript: window.close()"><img src="'
                . htmlspecialchars($imagedata['path']) . '" '
                . $imagedata['geometry']
                . 'alt="'
                . htmlspecialchars($imagedata['name'])
                . '" title="'
                . htmlspecialchars($imagedata['name'])
                . "\n" . $lang_fullsize_popup['click_to_close']
                . '" /></a><br />' ."\n";
               ?>
          </div>
        </td>
      </tr>
    </table>
  </body>
</html>
<?php
}
?>

Hab auch den Bereich für die Farbe geändert, aber leider sieht man kein Ergebniss. Ich hab auch mal nur Deinen Codesnipsel ausprobiert, aber gibt das dann weden ein Popup,noch die gewünschte Farbe.....

Ich häng einfach mal meine Style mitan!

Danke für die Mühe mit mir!!!!