• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Foto Gallerie erstellen

Werbung:
Bild1: Am liebsten auf eine Zeile der text und daraus resultiert der Abstand
Zum Vergrößern anklicken....
Habe dafür mal etwas ausgearbeitet:
Code: 
jQuery(document).ready(function() {
     var wmax = 0;
     jQuery("table:first div").has("a").each(function(){
         if($(this).width() > wmax) wmax = jQuery(this).width();
     });
     jQuery("table:first div").has("a").width(wmax);
});
Muss ich nur noch in das PHP-Skript integrieren.
 
Werbung:
Ersetze in der PHP-Datei dieses:
Code: 
$header =
"<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<html style='height:100%'>
<head>
<title>$Title</title>
<meta http-equiv='Content-Type' content='text/html;charset=ISO-8859-1'>
<meta name=”keywords” content=”Copy & Show Gallery” />
<script language=\"javascript\" type=\"text/javascript\">
<!--\n
durch dieses:
Code: 
$header =
"<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<html style='height:100%'>
<head>
<title>$Title</title>
<meta http-equiv='Content-Type' content='text/html;charset=ISO-8859-1'>
<meta name=”keywords” content=”Copy & Show Gallery” />
<script type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></script>

<script language=\"javascript\" type=\"text/javascript\">
<!--\n
jQuery(document).ready(function() {
var wmax = 0;
jQuery(\"table:first div\").has(\"a\").each(function(){
if($(this).width() > wmax) wmax = jQuery(this).width();
});
jQuery(\"table:first div\").has(\"a\").width(wmax);
});
und weiter unten dieses:
Code: 
if ($slimbox)
{
$header=$header . jQuery() . "\n" . Slimbox2() . "\n" . "
durch dieses:
Code: 
if ($slimbox)
{
$header=$header . Slimbox2() . "\n" . "
 
Werbung:
Ahja, wenn ich mir die PDF-Datei ansehe, verstehe ich, was du meinst. Werde es mir anschauen.
Edit: Die Breite ist schon die selbe wie in der ersten Zeile, nur am Anfang sind zwei Dummy-Elemente mit margin-right:10px, so dass die erste Zeile nach rechts verschoben ist. Ich werde diese entfernen und das Ganze zentrieren, dann müsste es besser aussehen.
 
Zuletzt bearbeitet von einem Moderator:
So, ich glaube, ich hab's.
Dieses:
Code: 
if($sort_subgaleries == 1)
{
usort($dirs_only,"cmp");
}
else if($sort_subgaleries == -1)
{
usort($dirs_only,"cmp");
$dirs_only=array_reverse($dirs_only);
}

for($i = 0; $i < count($dirs_only); $i++)
{

// usw. bis:

$breadcrumb .="</span><br><hr noshade>";


$out ="<table style='margin: auto;'><tr><td style='text-align: center'>" . $out . "</td></tr></table>";
ersetzen durch dieses:
Code: 
if($sort_subgaleries == 1)
{
usort($dirs_only,"cmp");
}
else if($sort_subgaleries == -1)
{
usort($dirs_only,"cmp");
$dirs_only=array_reverse($dirs_only);
}

for($i = 0; $i < count($dirs_only); $i++)
{
if(isset($_GET["gallery"]) && $dirs_only[$i] !="" )
$gpath=$gallery . "/" .$dirs_only[$i];
else
$gpath = $dirs_only[$i];

$src = getThumbnailSource($gpath,"_title.jpg",$max_sidelength_galleries);
if($src != null)
$img = "<img class='thumbnail_Galerien' src='$src'>";
else $img ="";

$out .="\n<div style='vertical-align: bottom; padding: 5px; display: inline-block'>";
if ($gallery == $dirs_only[$i])
$out .= $img . "<br><span class='subgallery_aktuelle_Galerie'>".htmlentities($dirs_only[$i])."</span>";
else
{
if(file_exists($gpath."/"."redirect.txt"))
{
$redirectUrl=file_get_contents($gpath."/"."redirect.txt");
$out .= "<a href = '".$redirectUrl."'>".$img."</a><br><a class ='subgallery_link' href = '".$redirectUrl."'>".$dirs_only[$i]."</a>";
}
else
{
$out .= "<a href = '?gallery=".($gpath)."'>".$img."</a><br><a class ='subgallery_link' href = '?gallery=".($gpath)."'>".$dirs_only[$i]."</a>";
}
}
$out .= "</div>";
}
$breadcrumb .="</span><br><hr noshade>";


$out ="<table style='margin: auto;'><tr><td style='text-align: center'>" . $out . "</td></tr></table>";
Hoffe, es klappt so.
Viele Grüße - Ulrich
 
Werbung:
Stimmt, da ist noch ein kleiner Versatz drin.
Ersetze mal dieses:
Code: 
$dir = php4scandir($path);

for($i = 0; $i <= count($dir); $i++)
{
    if ($dir[$i]!="." && $dir[$i]!=".."){ //.. und . nicht von is_dir prüfen lassen. (könnte als Sicherheitsproblem angesehen werden)
        if((is_dir($path ."/".$dir[$i])) && ($dir[$i]!="thumbnails") && !in_array($dir[$i],$ignore_folders) )
            $dirs_only[] = $dir[$i];
    }
}
durch dieses:
Code: 
$dir = php4scandir($path);
for($i = 0; $i <= count($dir); $i++)
{
    if ($dir[$i]!="." && $dir[$i]!=".."){ //.. und . nicht von is_dir prüfen lassen. (könnte als Sicherheitsproblem angesehen werden)
        if((is_dir($path ."/".$dir[$i])) &&
           ($dir[$i]!="thumbnails") &&
           !in_array($dir[$i],$ignore_folders) &&
           $dir[$i] != ''
          )
            $dirs_only[] = $dir[$i];
    }
}
 
Zuletzt bearbeitet von einem Moderator:
PERFEKT :) Du bist mein Held. Super.
Werde jetzt noch das Feintuning mit Schriftgrössen und Farben machen. Hoffe ich finde die einzlenen Bereiche ;) ;)

Sonst würde ich mich wieder melden :)
 
Es nimmt immer mehr Formen an und gefällt mir schon sehr gut :) Kann man einstellenl, dass wenn man auf ein Foto klickt dass dies dann bei der Vergösserung in der Bildschirmmitte angezeigt wird? :)
 
Werbung:
Also bei mir sind die Bilder der Lightbox sehr schön zentriert. Funktioniert es bei dir nicht? Dann poste doch mal einen Screenshot.
 
Jetzt weiss ich warum. Ich habe die Galleri in einer Seite als Inframe eingebettet und das foto wird dann zentriert im Inframe angezeigt. Darum muss ich zuerst ein bischen scrollen.
 
Da wäre ich wieder :) Bin fast fertig mit den Gallerien. Nun aber noch eine Frage. Ich möchte eine Gallerie welche bei jedem Foto unten ein Text steht mit 4 Zeilen. Kann ich das auch mit diesem Script?
 
Werbung:
Das Skript unterstützt die Anzeige des Feldes "Beschreibung" bzw. "Description" in den EXIF-Daten:
Code: 
// Bildbeschreibung (aus Exifs, Feld "Description") anzeigen? (true/false)
$view_description=true;
Darin könntest Du deine Texte ablegen. Du müsstest dann jedes Foto mit einem EXIF-Editor, z. B. Geosetter, öffnen und die Beschreibung eintragen.
 
Werbung:
Natürlich. Wirf einen Blick auf die Adresszeile deines Browsers, dort wird der Link für die Untergalerie angezeigt und Du kannst ihn Kopieren.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben