Galerie für 4.4

[prinzkafka]

Spalten und Zeilen funktionieren bei mir wunderprächtig, ist auch nicht mein Problem, sondern ich brauche einfach nur in der Detailansicht (großes Bild öffnet sich im gleichen Fenster) einen -vor- und -zurück- Button, schlecht wäre auch nicht, wenn eine Art Home-Button dabei wäre, der mich wieder auf die Thumbnailansicht zurückbringt, auf der ich vorher war, oder in welcher auch das Bild ist, was ich gerade in der großansicht sehe.

[roman]

Wie verhällt sich das Modul wenn nicht imagemagick und nur GD-LIB1.6.2 vorhaneden ist.

[ch.schulze]

wie den pfad für gd bzw auch imagemagic herausfinden?

mein provider kanns mir nicht 100% sagen.

gibts dafür nen script, welches das ausliest?

[neu@cidnet.de]

Wie verhällt sich das Modul wenn nicht imagemagick und nur GD-LIB1.6.2 vorhaneden ist.

ich habe die bilergallerie mit rezize. die funtzt mit ein paar anpassungen mit dieser gd

[Marvin]

Hi,

@ prinzkafka

ich hab meine Version der Bildergalerie um die von die benötigten Sachen (und ein paar andere) erweitert, bei mir funktionerts wunderbar:

Beschreibung:

1. How it works:
Die Bildergallery stellt alle Bilder in einem (frei wählbaren) Verzeichnis namentlich, oder
wenn verfügbar als Thumbnails dar. Ein klick auf ein Thumbnail öffnet das Bild wahlweise in der Galleryseite
statt der Thumbnailtabelle, oder in einer eigenen Inhaltsseite (kann wie interner Link ausgewählt werden).

Ist auf dem Webserver die ImageMagick-Software vorhanden, können die benöntigten Thumbnails
auch automatisch generiert werden; daför ist weiterhin ein Schreibzugriff für den Webserver auf
das Thumbnail-Verzeichnis nötig (alle+lesen/schreiben/wechseln, a+rwx).

Einstellungen zur Imagelib:

Einzelbild-Seite:
die Seite, in der die "grossen" Bilder dargestellt werden. Zur Auswahl stehen:
- die aktuelle Seite
- ein Pop-Up (popupviewer.php nötig)
- alle Artikel der Website

Image-Directory:
relative Verzeichnisangabe zu den Bildern (z.B. images_gallery1)

Thumbnail-Directory:
relative Verzeichnisangabe zu den Thumbnails (z.B. images_gallery1_thbs) - unbedingt ein *anderes* Verzeichnis als das Image-Directory!
Soll Imagemagick benutzt werden, muss der Webserver hier Schreibrechte haben! (so wie z.B. im logs-Verzeichnis)

Image-Dateiendung:
Hier können alle Endungen eingetragen werden, die als Image betrachtet werden sollen. Trenner ist das Semikolon, also
.jpg;.gif;.png

Thumbnailtabelle in Spalten x Zeilen:
Anzahl der Thumbnails in der Übersicht.

Thumbnail-Grösse:
Gibt zum einen die Grösse der Tabellenzellen an, zum anderen die Grösse auf die Imagemagick die Bilder umrechnet sofern
automatische Thumbnails verwendet werden

Pfad zum ImageMagick (optional):
Hier wird der Pfad zu den ImageMagick-Tools hinterlegt, im Regelfall /usr/bin oder /usr/X11/bin. Wird dies Feld freigelassen,
ist die automatische Generierung der Thumbnails ausgeschaltet!

Input:

/*
Bildergallery
(c) by LGW, 2002
License: GPL, http://www.gnu.org/licenses/gpl.html

Fragen, Anregungen, Hilfegesuche: large@lilymarleen.de
*/

$selected = "CMS_VALUE[0]";

echo "<table cellspacing=\"0\" cellpadding=\"5\" border=\"0\">
<tr valign=\"top\">
<td>Einzelbild-Seite</td>
<td>
<select name=\"CMS_VAR[0]\">";


$sql = "SELECT * FROM
".$cfg["tab"]["cat_tree"]." AS TREE,
".$cfg["tab"]["cat_art"]." AS CATART,
".$cfg["tab"]["cat"]." AS CAT,
".$cfg["tab"]["cat_lang"]." AS CATLANG,
".$cfg["tab"]["art_lang"]." AS ARTLANG
WHERE
TREE.idcat=CATART.idcat
AND CATART.idcat=CATLANG.idcat
AND CATLANG.idlang='$lang'
AND CATART.idart=ARTLANG.idart
AND ARTLANG.idlang='$lang'
AND CAT.idcat=TREE.idcat
AND CAT.idclient='$client'
ORDER BY TREE.idtree";
$db->query($sql);

if ($selected != "site") {
echo "<option value=\"site\">diese Seite</option>";
} else {
echo "<option value=\"site\" selected>diese Seite</option>";
}
if ($selected != "popup") {
echo "<option value=\"popup\">Pop-up</option>";
} else {
echo "<option value=\"popup\" selected>Pop-up</option>";
}
while ($db->next_record()) {
$spaces = "";
for ($i=0; $i<$db->f("level"); $i++) {
$spaces = $spaces . " ";
}
if ( $db->f("idcatside") != $selected ) {
echo "<option value=\"".$db->f("idcatside")."\">$spaces ".$db->f("name")."---".$db->f("title")."</option>";
} else {
echo "<option value=\"".$db->f("idcatside")."\" selected>$spaces ".$db->f("name")."---".$db->f("title")."</option>";
}
}
echo "</select>";

echo " </td>
</tr>
<tr>
<td>
Image-Directory:
</td>
<td>
<input size=20 type=\"text\" name=\"CMS_VAR[2]\" value=\"CMS_VALUE[2]\">
</td>
</tr>

<tr>
<td>
Thumbnail-Directory:
</td>
<td>
<input size=20 type=\"text\" name=\"CMS_VAR[3]\" value=\"CMS_VALUE[3]\">
</td>
</tr>

<tr>
<td>
Image-Dateieendung (z.B. .jpg;.gif):
</td>
<td>
<input size=20 type=\"text\" name=\"CMS_VAR[4]\" value=\"CMS_VALUE[4]\">
</td>
</tr>

<tr>
<td>
Thumbnailtabelle in Spalten x Zeilen:
</td>
<td>
<input size=3 maxlength=2 type=\"text\" name=\"CMS_VAR[5]\" value=\"CMS_VALUE[5]\">x<input size=3 maxlength=2 type=\"text\" name=\"CMS_VAR[6]\" value=\"CMS_VALUE[6]\">
</td>
</tr>


<tr>
<td>
Thumbnailgr&ouml;sse in XxY:
</td>
<td>
<input size=3 maxlength=3 type=\"text\" name=\"CMS_VAR[7]\" value=\"CMS_VALUE[7]\">x<input size=3 maxlength=3 type=\"text\" name=\"CMS_VAR[8]\" value=\"CMS_VALUE[8]\">
</td>
</tr>

<tr>
<td>
Pfad zum ImageMagick (optional):
</td>
<td>
<input size=20 type=\"text\" name=\"CMS_VAR[9]\" value=\"CMS_VALUE[9]\">
</td>
</tr>

</table>";

// ENDE INPUT

Output:

<?

// Bildergalerie
// Imageresize der Thumbs über ImageMagick *ODER* GD
// Wasserzeichen einbauen und große Bilder in gleiche Größen verkleinern
// Version: 17.07.2004
//
// Author: Large Green Wood vgl. http://www.contenido.de/front_dev/upload/1ImageGal.txt
// Modified by: Robert Strouhal www.clearcreative.de
// Modified by: Daniel Buhmann www.cyberdan.de
// Modified by: Elias Müller




echo "<p>\n";

// ANFANG OUTPUT

$openin="CMS_VALUE[0]";
$types="CMS_VALUE[4]";
$imagedir="CMS_VALUE[2]";
$thumbnails="CMS_VALUE[3]";
$imagetypes=explode(";","CMS_VALUE[4]");
$rows="CMS_VALUE[6]";
$cols="CMS_VALUE[5]";

$thb_x_size="CMS_VALUE[7]";
$thb_y_size="CMS_VALUE[8]";

$image_idcat="CMS_VALUE[0]";
$image_idside="CMS_VALUE[1]";

$im_path="CMS_VALUE[9]";

//-- config ende -------------------------------------

// gehört die Datei zu den definierten Dateitypen?
function is_image($filename,$typearray) {
reset($typearray);
while($val=each($typearray)) {
if (strstr($filename,$val[value])!==false) {
return true;
}
}
}


// verkleinert ein Bild auf die angegebene Breite (bei Querformat) oder Höhe (bei Hochformat)
// Seitenverhältnisse werden beibehalten
function resizeImageGD($sourceFile, $targetFile, $newwidth=50, $newheight=50){
$source = ImageCreateFromJpeg($sourceFile);
$width = ImageSx($source);
$height = ImageSy($source);

if ($width > $height){ // Querformat
$newheight = $height*($newwidth/$width);
}else{ // Hochformat
$newwidth = $width*($newheight/$height);
}

$target = ImageCreateTrueColor($newwidth,$newheight);
// ÄNDERUNG vgl. Forums-Beitrag imagecopyresized ($target, $source, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);
imagecopyresampled ($target, $source, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);

ImageJPEG($target,$targetFile,100);
}



//-- functions ende ----------------------------------

if (!isset($mmstart)) {
$mmstart=0;
}

// Bilder aus Verzeichnis auslesen

$handle=opendir($imagedir);

$n=0;
$filearray=Array();
while (false !== ($file = readdir($handle))) {
if ($file != "." && $file != ".." && is_image($file,$imagetypes)) {
$filearray[]=$file;
}
}

reset($filearray);
natcasesort($filearray);

// Anzeige eines Bildes oder Übersicht?

if ($subfile!="") {
// Bildbeschreibung auslesen

$db_dir = ereg_replace ("upload/", "", $imagedir);
$db = new DB_Contenido;

$sql = "SELECT
description
FROM
".$cfg["tab"]["upl"]."
WHERE
dirname = '$db_dir' AND
filename = '$thisfile'";

$db->query($sql);
$db->next_record();
$description = $db->f("description");

// Ausgabe der "vor"- und "zurück"-Links, wenn nötig
$piccount = count($filearray);
$x = 0;
for ($x=0;$x<$piccount;$x++) {

if (current($filearray) == $thisfile && $x > 0) {
$file = prev($filearray);
$url=$sess->url("front_content.php?client=$client&lang=$lang&subid=$subid&idcat=$idcat&idart=$idart&thisfile=$file&subfile=".rawurlencode($imagedir."/".$file));
$back = "<a href=\"$url\">:: zurück</a>";
next($filearray);
}
if (current($filearray) == $thisfile && $x+1 < $piccount) {
$file = next($filearray);
$url=$sess->url("front_content.php?client=$client&lang=$lang&subid=$subid&idcat=$idcat&idart=$idart&thisfile=$file&subfile=".rawurlencode($imagedir."/".$file));
$forward = "<a href=\"$url\">vorwärts ::</a>";
prev($filearray);
}
next($filearray);
}

// Bild anzeigen
$back_url=$sess->url("front_content.php?client=$client&lang=$lang&idcat=$idcat&idart=$idart&subid=$subid&mmstart=$mmstart");
echo "<div class=\"galerie\"><table style=\"width:100%\">
<tr>
<td style=\"width:33%;text-align:left;\">".$back."</td>
<td style=\"width:33%;text-align:center;\"><a href=\"$back_url\">zur Übersicht</a></td>
<td style=\"width:33%;text-align:right;\">".$forward."</td>
</tr>
</table>";
echo "<div class=\"gal_pic\">";
echo "<img src=\"$subfile\">";
echo "<br>";
echo $description."</div>";
echo "<table style=\"width:100%\">
<tr>
<td style=\"width:33%;text-align:left;\">".$back."</td>
<td style=\"width:33%;text-align:center;\"><a href=\"$back_url\">zur Übersicht</a></td>
<td style=\"width:33%;text-align:right;\">".$forward."</td>
</tr>
</table></div>";

} else {
// Gallery anzeigen

// Script für zentriertes Pop-Up mit den Maßen des Bildes
echo "<script language=\"javascript\">
var Fenster = null;
function neuesFenster(meineSeite,meinName,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2-30 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
Fenster = window.open(meineSeite,meinName,settings)
}
</script>\n";

echo "<table class=\"galerie\">";

// skip images...
for ($n=0;$n<$mmstart;$n++)
$ffile=each($filearray);
$n=0;
while ($ffile=each($filearray)) {
$file=$ffile[value];
// generate thumbnail, if nessesairy. Now THIS is fun
// natuerlich nur, wenn imagemagick vorhanden ist...
if (!file_exists($thumbnails."/thb_".$file) ) {
if ($im_path!="") {
$cmd=$im_path."/convert -scale ".$thb_x_size."x".$thb_y_size." ".$imagedir."/".$file." ".$thumbnails."/thb_".$file;

exec($cmd);
// nochmal prüfen!
$thumbnail=file_exists($thumbnails."/thb_".$file);
} else{
// Thumbnails mit GD verkleinern
@ini_set("max_execution_time", 120);
@resizeImageGD($imagedir."/".$file, $thumbnails."/thb_".$file, $thb_x_size,$thb_y_size);
$thumbnail=file_exists($thumbnails."/thb_".$file);
}
//Wasserzeichen einbauen und Bilder auf 500 Pixel Höhe oder Breite verkleinern
$size = getimagesize($imagedir."/".$file);
$width_old = $size[0];
$height_old = $size[1];
if ($width_old > 500 OR $height_old > 500) {
$old_picture = imagecreatefromjpeg($imagedir."/".$file);
if ($width_old > $height_old) {
$width_new = 500;
$height_new = intval($height_old * $width_new / $width_old);
}
else {
$height_new = 500;
$width_new = intval($width_old * $height_new / $height_old);
}
$new_picture = imagecreatetruecolor($width_new, $height_new);
imagecopyresampled($new_picture, $old_picture, 0, 0, 0, 0, $width_new, $height_new, $width_old, $height_old);
}
$transition = 40;
$watermarkfile = imagecreatefrompng('images/wasserzeichen.png');
$watermarkpic_width = imagesx($watermarkfile);
$watermarkpic_height = imagesy($watermarkfile);
$watermarkdest_x = $width_new / 2 - ($watermarkpic_width / 2);
$watermarkdest_y = $height_new / 2 - ($watermarkpic_height / 2);
imagecopymerge($new_picture, $watermarkfile, $watermarkdest_x, $watermarkdest_y, 0, 0, $watermarkpic_width, $watermarkpic_height, $transition);
imagejpeg($new_picture, $imagedir."/".$file, 100);
} else
$thumbnail=true;
if ($n%$cols==0)
echo "<tr class=\"galerie\">\n";

if ($openin == "popup") {
echo "<td class=\"galerie\" style=\"width:$thb_x_size;height:$thb_y_size\"><a href=\"{$cfgClient[$client]["path"]["htmlpath"]}popupviewer.php?thisfile={$file}&imagedir={$imagedir}&imagetypes={$types}\" onClick=\"neuesFenster(this.href,'bild','550','530','yes');return false\">";
echo ($thumbnail ? "<img src=\"".$thumbnails."thb_$file\">":"$file");
echo "</a></td>\n";
}

else {
if ($image_idcat!=0)
$url=$sess->url("front_content.php?client=$client&lang=$lang&subid=$subid&idcatart=$image_idcat&thisfile=$file&mmstart=$mmstart&subfile=".rawurlencode($imagedir."/".$file));
else
$url=$sess->url("front_content.php?client=$client&lang=$lang&subid=$subid&idcat=$idcat&idart=$idart&thisfile=$file&mmstart=$mmstart&subfile=".rawurlencode($imagedir."/".$file));
echo "<td class=\"galerie\" style=\"width:$thb_x_size;height:$thb_y_size\"><a href=\"$url\">".($thumbnail ? "<img src=\"".$thumbnails."thb_$file\">":"$file")."</a></td>\n";
}
$n++;
if ($n%$cols==0)
echo "</tr>\n";


// nur solange wie's not tut...
if ($n>=$rows*$cols)
break;
}
echo "<tr> <td colspan=\"$cols\" align=\"center\">";

if ($mmstart>0) {
$url=$sess->url("front_content.php?client=$client&lang=$lang&idcat=$idcat&idart=$idart&subid=$subid&mmstart=".($mmstart-$rows*$cols));
echo "<a href=\"$url\">vorherige Bilder...</a>";
}

echo "<span class=\"galerie\">| zeige Bilder ".($mmstart+1)." - ".($mmstart+$n)." |</span>";

if ($n+$mmstart<count($filearray)) {
$url=$sess->url("front_content.php?client=$client&lang=$lang&idcat=$idcat&idart=$idart&subid=$subid&mmstart=".($mmstart+$rows*$cols));
echo "<a href=\"$url\">weitere Bilder...</a>";
}

echo "</tr>\n";
echo "</table>";
} // Ende Gallery anzeigen


echo "</p>";
?>

Popupviewer.php (kommt ins Root-Verzeichnis des Mandanten):

<?php
// Auslesen des Bilder-Verzeichnisses
function is_image($filename,$typearray) {
reset($typearray);
while($val=each($typearray)) {
if (strstr($filename,$val[value])!==false) {
return true;
}
}
}

$types = $imagetypes;
$imagetypes = explode(";",$imagetypes);
$handle=opendir($imagedir);
$n=0;
$filearray=Array();
while (false !== ($file = readdir($handle))) {
if ($file != "." && $file != ".." && is_image($file,$imagetypes)) {
$filearray[]=$file;
}
}

reset($filearray);
natcasesort($filearray);

// Ausgabe der "vor"- und "zurück"-Links, wenn nötig
$piccount = count($filearray);
$x = 0;
for ($x=0;$x<$piccount;$x++) {

if (current($filearray) == $thisfile && $x > 0) {
$file = prev($filearray);
$back = "<a href=\"{$cfgClient[$client]["path"]["htmlpath"]}popupviewer.php?thisfile={$file}&imagedir={$imagedir}&imagetypes={$types}\">:: zurück</a>";
next($filearray);
}
if (current($filearray) == $thisfile && $x+1 < $piccount) {
$file = next($filearray);
$forward = "<a href=\"{$cfgClient[$client]["path"]["htmlpath"]}popupviewer.php?thisfile={$file}&imagedir={$imagedir}&imagetypes={$types}\">vorwärts ::</a>";
prev($filearray);
}
next($filearray);
}
?>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<link rel="stylesheet" href="css/screen2.css" type="text/css" media="screen" />
<title></title>
<SCRIPT TYPE="text/javascript">

<!--
function targetopener(mylink, closeme, closeonly)
{
if (! (window.focus && window.opener))return true;
window.opener.focus();
if (! closeonly)window.opener.location.href=mylink.href;
if (closeme)window.close();
return false;
}
//-->

</SCRIPT>
</head>
<body>
<div class="galerie">
<table style="width:100%">
<tr>
<td style="width:33%;text-align:left;"><?php echo $back; ?></td>
<td style="width:33%;text-align:center;"><a href="/" onClick="return targetopener(this,true,true)">Fenster schließen</a></td>
<td style="width:33%;text-align:right;"><?php echo $forward; ?></td>
</tr>
</table>
<div class="gal_pic">
<a href="/" onClick="return targetopener(this,true,true)"><img src="<? echo $imagedir.$thisfile;?>" border="0"></a><br>
<?php
// Ausgabe der Bildbeschreibung
include_once ("config.php");
include_once ($contenido_path . "includes/config.php");
cInclude("includes", "cfg_sql.inc.php");

$db_dir = ereg_replace ("upload/", "", $imagedir);
$db = new DB_Contenido;
$db2 = new DB_Contenido;

$sql = "SELECT
description
FROM
".$cfg["tab"]["upl"]."
WHERE
dirname = '$db_dir' AND
filename = '$thisfile'";

$db->query($sql);
$db->next_record();
$description = $db->f("description");
echo $description;
?>
</div>
<table style="width:100%">
<tr>
<td style="width:33%;text-align:left;"><?php echo $back; ?></td>
<td style="width:33%;text-align:center;"><a href="/" onClick="return targetopener(this,true,true)">Fenster schließen</a></td>
<td style="width:33%;text-align:right;"><?php echo $forward; ?></td>
</tr>
</table>
</div>
</body>
</html>

Für Fehler und alles andere wird nicht gehaftet.

[schlams]

hab da ein problem bei mir nimmt der immer den falschen pfad für die thumbails ..
er nimmt immer die domain+ den serverpfad... was logischerweise zu einem falschen ziel führt kann mir einer sagen was ich falsch mache .. ??

hier kann man es auch sehen:
http://dpsg-enniger.de/front_content.php?idcat=60#

danke schonmal
Schlams

[schlams]

hat sich schon erledigt..

[schlams]

so nun aber wieder ein kleines problem. Wollte das modul so umschreiben das ich auch thumbnails erstellen kann auch wenn ich kein imagmagic habe.. dafür wollte ich folgendes script einbauen:

Code: Alles auswählen

$size=getimagesize($imagedir.$file);
       $ext=getext($imagedir.$file);
        $breite=$size[0];
        $hoehe=$size[1];
        $neueBreite=130;
        //$neueHoehe=intval($hoehe*$neueBreite/$breite);
                $neueHoehe=130;
       if($ext=="gif")
        {
            $altesBild=ImageCreateFromGIF("$imagedir"."$file");
            $neuesBild=ImageCreate($neueBreite,$neueHoehe);
            ImageCopyResized($neuesBild,$altesBild,0,0,0,0,$neueBreite,
$neueHoehe,$breite,$hoehe);
ImageGIF($neuesBild,$thumbnails."/thb_".$file);
            return true;
        }
        if($ext=="jpg") 
        {
            $altesBild=ImageCreateFromJPEG("$imagedir"."$file");
            $neuesBild=imagecreatetruecolor($neueBreite,$neueHoehe);
            ImageCopyResized($neuesBild,$altesBild,0,0,0,0,$neueBreite,
$neueHoehe,$breite,$hoehe);
            ImageJPEG($neuesBild,$thumbnails."/thb_".$file);
            return true;
        }

nur leider krieg ich es nicht hin es richtig einzubinden kann mir da jemand helfen ??

[CZealot]

Problems Resolved, it was Chmod and wrong directory values.
----------------------------------------
Dear Sirs,
I would like to use this module on my site. I have installed this module, but It is not working it just displys FileNames notthe thumbnails (I'm doing something wrong...). Unfortunately I do not know German so I couldnt read and understand the instructions and posts in this topic.
I would be very thankfull if someone could explain briefly what is needed to run this module. Whow shall it be configured (its Input part configuration and maybe folders need some special chmod or thumbnails need to be names somehow...).
Thank you in advance for any help you can provide.
CZealot

P.S. also the following errors apper in Contenidos logs

Code: Alles auswählen

[04-Sep-2004 01:38:31] PHP Warning:  imagecreatefrompng(images/wasserzeichen.png): failed to open stream: No such file or directory in /servers/www/contenido/wow/front_content.php(563) : eval()'d code on line 702
[04-Sep-2004 01:38:31] PHP Warning:  imagesx(): supplied argument is not a valid Image resource in /servers/www/contenido/wow/front_content.php(563) : eval()'d code on line 703
[04-Sep-2004 01:38:31] PHP Warning:  imagesy(): supplied argument is not a valid Image resource in /servers/www/contenido/wow/front_content.php(563) : eval()'d code on line 704
[04-Sep-2004 01:38:31] PHP Warning:  imagecopymerge(): supplied argument is not a valid Image resource in /servers/www/contenido/wow/front_content.php(563) : eval()'d code on line 707