CONTENIDO Forum

Hallo,
wie erfolgt bei der Picture Gallery die Ausgabe der Thumbnails?
Sie scheint nicht mit der Reihenfolge in der Dateiverwaltung übereinzustimmen.
Kann ich die Anzeige/ Reihenfolge der Ausgabe irgendwie beeinflussen und wenn ja wie?

Vielen Dank für Eure Tipps.

Möglicherweise mit der Sortierung des Arrays im Modul selbst...

Wie kann ich denn sicherstellen, dass diese Reihenfolge dann der Reihenfolge in der Dateiverwaltung entspricht? Blöde Frage zwischendurch (ja ich weiß, es gibt nur blöde Antworten

), wird in der Dateiverwaltung alphabetisch sortiert? Könnte dies erst heute abend selber prüfen. und wenn ich mich recht erinnere, erhalten die thumbs doch neue Bezeichnungen.
Na ich schau heute abend einfach einmal rein und werde schauen ob ich ein Array finde und einfach mal versuchen es vor der Ausgabe zu sortieren.

dank Dir für den Hinweis.

Ich gehe mal von meinem Kenntnisstand aus... bin noch nicht so ganz zu 100% in der 4.8.xx angekommen...

Die Thumbs haben neue Bezeichnungen... weil sie über die Contenido eigene Bildbearbeitung umgemodelt werden...

Im Modul wird das Verzeichnis ausgelesen, die Ergebnisse in ein Array gepackt...
dieses Array sollte sich ganz normal sortieren lassen... zumindest anhand der gespeicherten Werte... der Dateiname sollte aber enthalten sein...
Ich hab das mal für eine ältere Bildergalerie gemacht... ich glaube das kann man noch irgendwo im Bereich Lightbox Gallery für die 4.6.x finden...

dann wird in einer Schleife durch das Array geackert und die Ausgabe produziert... je nachdem wie das Array sortiert ist wird auch die Ausgabe sortiert sein...

Jetzt kommt die Contenido eigene Bildverarbeitung ins Spiel und generiert aus den Dateien im Array als Pfade angegeben die Thumbs und bindet diese in den Output ein...

So einfach läuft das

supi. vielen Dank für die verständliche Erklärung. Jetzt kann ich das auch 1A im Modul nachvollziehen.
Na dann werde ich wie gesagt heute abend mal mein bestes geben.

so. nochmals Danke. hat geklappt.

ich habe ca. ab Zeile 84

Code: Alles auswählen

    if (is_array($aGalleryFiles)) {
        /* Filter out non-images */
        foreach ($aGalleryFiles as $key => $aGalleryFile) {
            $sExtension= strtolower(getFileExtension($aGalleryFile));

            if (!in_array($sExtension, $aValidExtensions)) {
                unset ($aGalleryFiles[$key]);
            }
        }
          $aImagesToDisplay= $aGalleryFiles;

die letzte Zeile

Code: Alles auswählen

$aImagesToDisplay= $aGalleryFiles;

gegen

Code: Alles auswählen

$aImagesToDisplay= sort($aGalleryFiles);

getauscht. Jetzt werden die Grafiken alphabetisch ausgegeben. Ich vermute dass diese Stelle auch strategisch günstig ist, da vorher ja die Werte, die keine Grafiken laut Definition sind, entfernt werden.
Ich habe es auch gerade noch einmal nachgeprüft, in der Dateiverwaltung erfolgt die Ausgabe/ Anzeige der Grafiken auch alphabetisch.

Cool, seitdem ich mich jetzt gerade wieder intensiver mit Javascript (für Ajax) beschäftige, trau ich mich auch wieder mehr an PHP ran und ich dachte immer theoretisch, sprich verstehen ja, aber praktisch selber umsetzen - nein... voilá, hat ja doch geklappt.

Oder hätte ich lieber eine andere Stelle oder eine bessere Funktion nutzen können?
Bin ja lernfähig und für jeden Tipp dankbar

hm. jetzt sind die Bilder zwar alphabetisch sortiert, aber nun habe ich das problem, dass die Navigation bei dem Einzelbild nicht mehr sitzt. Ich weiß leider nicht wo die eingebaut ist (ist wohl modifiziert worden) ich poste mal den kompletten code.
Vielleicht kann mir ja jemand helfen

Code: Alles auswählen

<?php


/***********************************************
* Bildergalerie Output
*
* Author      :     Timo A. Hummel
* Copyright   :     four for business AG
* Created     :     30-09-2005
* Modified    :     10-04-2008 by Bilal Arslan added new Bottom Navigation and change style
* Modified    :     03-02-2009 by Ichier added nextpiclink, added auto-length, fixed one template-related bug (empty)
************************************************/

cInclude("includes", "functions.api.images.php");

/* Gallery variables */
$bRecursive= false;

/* mi18n variables */
$sSeeImage= mi18n("Bildvorschau");
$sDownImage= mi18n("Bild herunterladen");

$sPath= "CMS_VALUE[5]";
if ($sPath == '') {
    $sPath= $cfgClient[$client]["path"]["frontend"] . $cfgClient[$client]["upl"]["frontendpath"] . "bildergalerie/";
} else {
    $sPath= $cfgClient[$client]["path"]["frontend"] . $cfgClient[$client]["upl"]["frontendpath"] . "CMS_VALUE[5]";
}

$iRows= "CMS_VALUE[3]";

if ($iRows == 0) {
    $iRows= 2;
}

$iColumns= "CMS_VALUE[2]";

if ($iColumns == 0) {
    $iColumns= 2;
}

if("CMS_VALUE[3]"=='') {
    $iRows = 'auto';
}

$start= $_REQUEST['start'];

if (isset ($start) && $start != "") {
    $iCurrentPage= $start;
} else {
    $iCurrentPage= 1;
    $start= 1;
}

$iWidth= "CMS_VALUE[0]";
$iHeight= "CMS_VALUE[1]";

if ($iWidth == 0) {
    $iWidth= 300;
}

if ($iHeight == 0) {
    $iHeight= 300;
}

$iDetailWidth= "CMS_VALUE[4]";

if ($iDetailWidth == 0) {
    $iDetailWidth= 300;
}

$aValidExtensions= array (
    "jpg",
    "jpeg",
    "gif",
    "png"
);


if ($_REQUEST['view'] == '' || $_REQUEST['viewnext']=='1') {
    /* Read all gallery files */
    $aGalleryFiles= scanDirectory($sPath, $bRecursive);

    if (is_array($aGalleryFiles)) {
        /* Filter out non-images */
        foreach ($aGalleryFiles as $key => $aGalleryFile) {
            $sExtension= strtolower(getFileExtension($aGalleryFile));

            if (!in_array($sExtension, $aValidExtensions)) {
                unset ($aGalleryFiles[$key]);
            }
        }
          $aImagesToDisplay= sort($aGalleryFiles);

        /* Calculate effective variables */
        $iFileCount= count($aGalleryFiles);
          if($iFileCount<=0) { $iNothing=true; }
          if(!$iNothing)  {
              $iImagesPerPage= $iRows * $iColumns;
              if($iRows=='auto') {
                    $iRows=ceil($iFileCount / $iColumns);
                    $iImagesPerPage= $iRows * $iColumns;
              }
    //        if($_REQUEST['viewnext']=='1') {
    //            $iRows=$iImagesPerPage=$iFileCount;
    //            $iPages = ceil($iFileCount / $iImagesPerPage);
    //        }
              $iPages= ceil($iFileCount / $iImagesPerPage);
    
              if($_REQUEST['viewnext']!='1') {
                    $aImagesToDisplay= array_slice($aGalleryFiles, ($iCurrentPage -1) * $iImagesPerPage, $iImagesPerPage);
              }
    
              $oImageTpl= new Template;
              $oGalleryTpl= new Template;
              $oEmptyImageTpl= new Template;
    
              $aRenderedImages= array ();
    
              $iRow= 0;
              $iImagesRendered= 0;
              $j= 1;
          }
    }
}

if($_REQUEST['viewnext']=='1') {
        $_REQUEST['view'] = str_replace($cfgClient[$client]['path']['frontend'], '', $aImagesToDisplay[0]);
        foreach ($aImagesToDisplay as $sImageToDisplay) {
            if($lstpic==$_REQUEST['lastpic']) {
                    $_REQUEST['view'] = str_replace($cfgClient[$client]['path']['frontend'], '', $sImageToDisplay);
                    break;
            }
            $lstpic = str_replace($cfgClient[$client]['path']['frontend'], '', $sImageToDisplay);
        }
}

if ($_REQUEST['view'] == '') {
    if(!$iNothing)  {
       foreach ($aImagesToDisplay as $sImageToDisplay) {

            $sDownloadImage= str_replace($cfgClient[$client]['path']['frontend'], '', $sImageToDisplay);

            /* Do Scaling */
            $sScaledImage= cApiImgScale($sImageToDisplay, $iWidth, $iHeight);

            $link= 'front_content.php?idcatart=' . $idcatart . '&start=' . $_REQUEST['start'] . '&view=' . urlencode(str_replace($cfgClient[$client]['path']['frontend'], '', $sImageToDisplay));

            $description= ig_getImageDescription($sImageToDisplay);
            if ($description == '') {
                $description= '&nbsp;';
            }

            $download_link= str_replace($cfgClient[$client]['path']['frontend'], $cfgClient[$client]['path']['htmlpath'], $sImageToDisplay);

            $download_size= ig_GetReadableFileSize($sImageToDisplay);

            $oImageTpl->reset();
            $oImageTpl->set("s", "FILE", $sScaledImage);
            $oImageTpl->set("s", "WIDTH", $iWidth);
            $oImageTpl->set("s", "HEIGHT", $iHeight);
            $oImageTpl->set("s", "LINK", $link);
            $oImageTpl->set("s", "DESCRIPTION", $description);
            $oImageTpl->set("s", "DOWNLOAD_LINK", $download_link);
            $oImageTpl->set("s", "DOWNLOAD_SIZE", $download_size);
            $oImageTpl->set("s", "DOWNLOAD_CAPTION", mi18n("Bild herunterladen"));
            $oImageTpl->set("s", "PREVIEW_CAPTION", mi18n("Bildvorschau"));
            $oImageTpl->set("s", "LINK_DOWN", $sDownloadImage); // a href
            $oImageTpl->set("s", "LINKDESCRIPTION", '');
            $oImageTpl->set("s", "SEE_IMAGE", $sSeeImage);
            $oImageTpl->set("s", "DOWN_IMAGE", $sDownImage);
            $oImageTpl->set("s", "", $sDownImage);

            #style links rechts
            $sStyle= "";
            $sStyle2 = '';
            
            if (($j % 2) == 0) {
                $sStyle= 'text-align:right';
                $sStyle2 = 'padding-left:65px';
            } else {
                $sStyle= 'text-align:left';
                $sStyle2 = '';
            }
            $j++;
            $oImageTpl->set("s", "style", $sStyle);
            $oImageTpl->set("s", "style_2", $sStyle2);
            

            $aRenderedImages[]= $oImageTpl->generate($cfgClient[$client]["path"]["frontend"] . "templates/gallery_image_rechts.html", true, false);

            $iImagesRendered++;

            if ($iImagesRendered == $iColumns) {
                $oGalleryTpl->set("d", "COLUMNS", implode("", $aRenderedImages));
                $oGalleryTpl->next();
                $iImagesRendered= 0;
                $aRenderedImages= array ();
            }
        }

        if (count($aRenderedImages) < $iColumns && count($aRenderedImages) > 0) {
            $iEmptyCells= $iColumns -count($aRenderedImages);

            $oEmptyImageTpl->set("s", "WIDTH", $iWidth);
            $oEmptyImageTpl->set("s", "HEIGHT", $iHeight);

            $sEmptyCells= str_repeat($oEmptyImageTpl->generate($cfgClient[$client]["path"]["frontend"] . "templates/gallery_empty_rechts.html", true, false), $iEmptyCells);

            $oGalleryTpl->set("d", "COLUMNS", implode("", $aRenderedImages) . $sEmptyCells);
            $oGalleryTpl->next();
        }

        //      Begin Navigation Bottom
        $aLinks= array ();

        if ($iCurrentPage == "")
            $iCurrentPage= 1;
        $sBack= $cfgClient[$client]["path"]["htmlpath"] . sprintf("front_content.php?idcatart=%s&start=%s", $idcatart, $iCurrentPage -1);
        $sNext= $cfgClient[$client]["path"]["htmlpath"] . sprintf("front_content.php?idcatart=%s&start=%s", $idcatart, $iCurrentPage +1);

        for ($i= 1; $i <= $iPages; $i++) {

            if ($i == $iCurrentPage) {
                $aAllLinks[$i]= $i;
            } else {
                $aAllLinks[$i]= $cfgClient[$client]["path"]["htmlpath"] . sprintf("front_content.php?idcatart=%s&start=%s", $idcatart, $i);
            }

        }

        $sHtml= '<a href="%s" title="%s"> %s </a>'; // Template

        if ($iPages == 1) { // if pages count is = 1
            $oCurrenTpl= new Template;

            $oCurrenTpl->set("s", "Begin", '');
            $oCurrenTpl->set("s", "Body", '');
            $oCurrenTpl->set("s", "End", '');

            #$aLinks[]= $oPreviousTpl->generate($cfgClient[$client]["path"]["frontend"] . "templates/gallery_link_rechts.html", true, false);
            $aLinks[]= $oCurrenTpl->generate($cfgClient[$client]["path"]["frontend"] . "templates/gallery_link_rechts.html", true, false);
        }

        if ($iCurrentPage == 1 && $iPages > 1) { // current page=1

            $oTpl1= new Template;

            $sNextButton= sprintf($sHtml, $sNext, mi18n("vor"), mi18n("&nbsp;vor&nbsp;") . '<img src="images/link_pfeil_klein.gif">');
            $oTpl1->set("s", "Begin", '');

            foreach ($aAllLinks as $key => $value) {
                #echo '<br> value: '.$value;
                if (strlen($value) > 7) { // longer as url
                    $sNumber= sprintf($sHtml, $value, $key, $key);
                } else {
                    $sNumber= $key;
                }

                $oTpl1->set('d', 'Body', $sNumber);
                $oTpl1->next();
                $sNumber= "";
            }

            $oTpl1->set("s", "End", $sNextButton);
            $aLinks[]= $oTpl1->generate($cfgClient[$client]["path"]["frontend"] . "templates/gallery_link_rechts.html", true, false);
        }

        if ($iCurrentPage > 1 && ($iPages - $iCurrentPage) != 0) { // body see all
            $oPreviousTpl= new Template;

           $sBackButton= sprintf($sHtml, $sBack, mi18n("zur&uuml;ck"), "<img src='images/link_pfeil_klein_links.gif'/>" . mi18n("&nbsp;zur&uuml;ck&nbsp;"));
         #  $sBackButton= sprintf($sHtml, $sBack, mi18n("schliessen"), "<img src='images/link_pfeil_klein_links.gif'/>" . mi18n("&nbsp;schliessen&nbsp;"));
            $sNextButton= sprintf($sHtml, $sNext, mi18n("vor"), mi18n("&nbsp;vor&nbsp;") . '<img src="images/link_pfeil_klein.gif">');

            $oPreviousTpl->set("s", "Begin", $sBackButton);

            foreach ($aAllLinks as $key => $value) {
                #filter current page
                if (strlen($value) > 7) { // longer as url
                    $sNumber= sprintf($sHtml, $value, $key, $key);
                } else {
                    $sNumber= $key;
                }

                $oPreviousTpl->set('d', 'Body', $sNumber);
                $oPreviousTpl->next();

            }

            $oPreviousTpl->set("s", "End", $sNextButton);

            $aLinks[]= $oPreviousTpl->generate($cfgClient[$client]["path"]["frontend"] . "templates/gallery_link_rechts.html", true, false);
        } else
            if ($iPages - $iCurrentPage == 0) { // this is end
                $oNextTpl= new Template;
                $oNextTpl->reset();
                $sBackButton= sprintf($sHtml, $sBack, mi18n("zur&uuml;ck"), "<img src='images/link_pfeil_klein_links.gif'/>" . mi18n("&nbsp;zur&uuml;ck&nbsp;"));
                $oNextTpl->set("s", "End", '');

                foreach ($aAllLinks as $key => $value) {
                    #filter current page
                    if (strlen($value) > 7) { // longer as url
                        $sNumber= sprintf($sHtml, $value, $key, $key);
                    } else {
                        $sNumber= $key;
                    }

                    $oNextTpl->set('d', 'Body', $sNumber);
                    $oNextTpl->next();
                }

                $oNextTpl->set("s", "Begin", $sBackButton);
                $aLinks[]= $oNextTpl->generate($cfgClient[$client]["path"]["frontend"] . "templates/gallery_link_rechts.html", true, false);

            }

        $oGalleryTpl->set("s", "NAVIGATION", implode("", $aLinks));
        $oGalleryTpl->generate($cfgClient[$client]["path"]["frontend"] . "templates/gallery_rechts.html", false, false);
        $oGalleryTpl->reset(); // Navigation end
        unset ($aAllLinks);
    }
} else { // See only one Image
    $sImageToDisplay= $cfgClient[$client]['path']['frontend'] . $_REQUEST['view'];
    $sScaledImage= cApiImgScale($sImageToDisplay, $iDetailWidth, 1000);

    $description= ig_getImageDescription($sImageToDisplay);

    $download_link= str_replace($cfgClient[$client]['path']['frontend'], $cfgClient[$client]['path']['htmlpath'], $sImageToDisplay);

    $download_size= ig_GetReadableFileSize($sImageToDisplay);

    $oImageTpl= new Template;
    $oImageTpl->set("s", "IMG", $sScaledImage);
    $oImageTpl->set("s", "NEXTLINK", 'front_content.php?idcat=' . $idcat . '&idart=' . $idart . '&start=' . $_REQUEST['start'] . '&lastpic=' . urlencode($_REQUEST['view']) . '&viewnext=1');
    $oImageTpl->set("s", "BACKLINK", 'front_content.php?idcat=' . $idcat . '&idart=' . $idart . '&start=' . $_REQUEST['start']);
    $oImageTpl->set("s", "BACKCAPTION", mi18n("schliessen"));
    $oImageTpl->set("s", "DESCRIPTION", $description);
    $oImageTpl->set("s", "DOWNLOAD_LINK", $download_link);
    $oImageTpl->set("s", "DOWNLOAD_SIZE", $download_size);
    $oImageTpl->set("s", "DOWNLOAD_CAPTION", mi18n("Bild herunterladen&nbsp;"));

    $oImageTpl->generate($cfgClient[$client]["path"]["frontend"] . "templates/gallery_detail_rechts.html", false, false);
}

function ig_getImageDescription($idupl) {

    global $cfg, $cfgClient, $db, $client, $lang;

    $cApiClient= new cApiClient($client);
    $language_separator= $cApiClient->getProperty('language', 'separator');
    if ($language_separator == "") {
        //Sanity, if module used in client without set client setting
        $language_separator= "§§§";
        $cApiClient->setProperty('language', 'separator', $language_separator);
    }
    if (is_numeric($idupl)) {
        //ID is a number 
        $query= "SELECT description FROM " . $cfg["tab"]["upl"] . " WHERE idupl = " . $idupl;
    } else {
        //ID is a string
        $path_parts= pathinfo($idupl);
        $upload= $cfgClient[$client]['upl']['frontendpath'];
        $len= strlen($upload);
        $pos= strpos($idupl, $upload);
        $dirname= substr($path_parts['dirname'], $pos + $len) . '/';
        $query= "SELECT description FROM " . $cfg["tab"]["upl"] . " WHERE (dirname = '" . $dirname . "') AND (filename='" . $path_parts['basename'] . "') AND (filetype='" . $path_parts['extension'] . "')";
    }
    $db->query($query);
    if ($db->next_record()) {
        return htmlspecialchars(urldecode($db->f("description")));
    } else {
        return '';
    }
}

function ig_GetReadableFileSize($path) {
    $filesize= filesize($path);
    $unit= "bytes";

    if ($filesize > 1024) {
        $filesize= ($filesize / 1024);
        $unit= "kB";
    }
    if ($filesize > 1024) {
        $filesize= ($filesize / 1024);
        $unit= "MB";
    }
    if ($filesize > 1024) {
        $filesize= ($filesize / 1024);
        $unit= "GB";
    }
    if ($filesize > 1024) {
        $filesize= ($filesize / 1024);
        $unit= "TB";
    }

    $filesize= round($filesize, 0);
    return $filesize . " " . $unit;
}
?>

ich such derweil mal weiter, vielleicht finde ich es ja auch noch

hi,
ich bin leider selber nicht weitergekommen. Hat vielleicht jemand eine Idee?

hi,

ich jetzt die sortierung umgestellt und es scheint zu funktionieren. falls ich da immer noch auf dem falschen Dampfer bin, wäre schön, wenn mir jemand unter die Arme greifen würde...

Code: Alles auswählen

    if (is_array($aGalleryFiles)) {
        /* Filter out non-images */
        ksort ($aGalleryFiles);           
        foreach ($aGalleryFiles as $key => $aGalleryFile) {
            $sExtension= strtolower(getFileExtension($aGalleryFile));

            if (!in_array($sExtension, $aValidExtensions)) {
                unset ($aGalleryFiles[$key]);
            }
        }
        $aImagesToDisplay= $aGalleryFiles;

Ich habe ksort() benutzt, damit die Zuordnungen erhalten bleiben und habe es vor die foreach-Schleife gesetzt.

aber natürlich

sort() ordnet nur eine Wertespalte, und verliert dadurch die Assoziation zum Index,
ksort(), asort(), krsort() und arsort() sortieren das Array und erhalten den Bezug zur Index Assoziation.

Sollte eigentlich funktionieren...

Genau, das habe ich auch bemerkt. Übung macht den Meister. Hatte ja erst sort() benutzt.
Danke das Du mal rübergeschaut hast. Jetzt scheint es ja auch zu funktionieren.
Dir noch einen schönen Abend.

Danke danke...

gern geschehen...

CONTENIDO Forum

Picture Gallery anpassen

Picture Gallery anpassen

Re: Picture Gallery anpassen

Re: Picture Gallery anpassen

Re: Picture Gallery anpassen

Re: Picture Gallery anpassen

[erledigt] Re: Picture Gallery anpassen

Re: Picture Gallery anpassen

Re: Picture Gallery anpassen

Re: Picture Gallery anpassen

Re: Picture Gallery anpassen

Re: Picture Gallery anpassen

Re: Picture Gallery anpassen