Fotogallerie

robert74 · 04.01.2012, 22:50

Hallo!

Hätte gerne eine kleine Fotogallerie programmiert, doch es funktioniert nicht so wie ich will.
Statt dem Bild wird nur ein Image angezeigt (daß er kein Bild findet), mit zurück und weiter funktionierts auch nicht.

Kann mir jemand weiterhelfen??

PHP-Code:

  <?php

// Alle Bilder

$bilder = array("bilder/01.jpg","bilder/02.jpg","bilder/03.jpg","bilder/04.jpg"); 

 

// Bild-ID vorinitialisieren

$bild = 0;

 

// Bild anzeigen

echo '<img src="' . $bilder[$bild] . '"/>';

 

// Prüfen, ob der Zurück angezeigt werden soll

if($bild > 0)

  echo '<a href="?bild=' . $bild - 1 . '">zur&uuml;</a>';

// Prüfen, ob der Weiter angezeigt werden soll

if($bild < count($bilder)-1)

  echo '<a href="?bild=' . $bild + 1 . '">weiter</a>';

?>

SlimShady95 · 04.01.2012, 23:02

PHP-Code:

  <?php

// Alle Bilder

$bilder = array("bilder/01.jpg","bilder/02.jpg","bilder/03.jpg","bilder/04.jpg"); 

 

// Bild-ID vorinitialisieren

if(isset($_GET['bild']) AND is_numeric($_GET['bild'])) {

    $bild = $_GET['bild'];

} else {

    $bild = 0;

}

 

// Bild anzeigen

echo '<img src="' . $bilder[$bild] . '"/>';

 

// Prüfen, ob der Zurück angezeigt werden soll

if($bild > 0)

  echo '<a href="?bild=' . $bild - 1 . '">zur&uuml;</a>';

// Prüfen, ob der Weiter angezeigt werden soll

if($bild < count($bilder)-1)

  echo '<a href="?bild=' . $bild + 1 . '">weiter</a>';

?>

Das sollte das Problem mit "zurück" und "weiter" fixen.

MfG Manuel

robert74 · 04.01.2012, 23:23

Danke für die rasche Hilfe!!!

Es wird das Foto schon angezeigt, nur "weiter" sind als normaler Text angezeigt, "zurück" überhaupt nicht.

SlimShady95 · 04.01.2012, 23:25

PHP-Code:

  // Prüfen, ob der Zurück angezeigt werden soll 

if($bild > 0) {

    echo '<a href="?bild=' . ($bild - 1) . '">zur&uuml;</a>';

}

// Prüfen, ob der Weiter angezeigt werden soll 

if($bild < count($bilder)-1) {

    echo '<a href="?bild=' . ($bild + 1) . '">weiter</a>';

}

Edit:

Zitat:

Zitat von robert74

..."zurück" überhaupt nicht.

Sollte es (deinem Script nach) beim 1. Bild auch nicht :P

Und bitte

MfG Manuel

robert74 · 04.01.2012, 23:37

Stimmt natürlich.

Aber weiter wird trotzdem als Text angezeigt, das ich nicht anklicken kann.
Was mach ich da falsch?

SlimShady95 · 04.01.2012, 23:41

Ich hab dein Script mal ein wenig überarbeitet, weil mir grad langweilig war. Jetzt kannst du auch Beschreibungen angeben. Funktioniert ohne Probleme :P

PHP-Code:

  <?php 

// Alle Bilder 

$ordner         = 'bilder/';

$bilder         = array('01.jpg', '02.jpg', '03.jpg', '04.jpg');

$beschreibungen = array('Bild 1', 'Bild 2', 'Bild 3', 'Bild 4');

  

// Bild-ID vorinitialisieren 

if(isset($_GET['bild']) AND is_numeric($_GET['bild'])) { 

    $bild = $_GET['bild']; 

} else { 

    $bild = 0; 

} 

  

// Bild anzeigen 

if(isset($bilder[$bild])) {

    echo '<img src="' . $ordner . $bilder[$bild] . '" /><br />';

}

 
// Beschreibung anzeigen

if(isset($beschreibungen[$bild])) {

    echo $beschreibungen[$bild] . '<br />';

} 

  

// Prüfen, ob der Zurück angezeigt werden soll 

if($bild > 0) {

    echo '<a href="?bild=' . ($bild - 1) . '">zur&uuml;ck</a>&nbsp;&nbsp;'; 

}

 
// Prüfen, ob der Weiter angezeigt werden soll 

if($bild < count($bilder)-1) {

    echo '<a href="?bild=' . ($bild + 1) . '">weiter</a>'; 

}

?>

MfG Manuel

robert74 · 05.01.2012, 00:08

Hallo Manuel!
Danke! Super!

Das wollte ich dann irgendwann machen wenn ich Zeit hab...
Die Beschreibungen folgen dann bald.
Außerdem muss ich noch viele Schönheitsfehler korrigieren, und genauso viele unpraktische Lösungen ändern. Bin erst mal froh, wenn alles mal online ist, der Rest kommt später. Doch ich mach das lieber selber, das interessiert mich mehr, als es machen zu lassen. Auch wenn ich dann doch wieder auf Hilfe angewiesen bin.

Programmiere eher in C++ ( auch nicht gut).

Wenns Dir gerade so fad ist: Meine Homepage und auch mein Hobby:

www.robomoji.at

Die Links stimmen noch nicht alle, Morgen aber!

lg Robert

SlimShady95 · 05.01.2012, 00:14

Nett^^
Schau ich mir später an.

Hab dir ne Nachricht geschrieben.

MfG Manuel

tr0y · 05.01.2012, 04:57

PHP-Code:

  $path = 'bilder/';
$fileData = array(
   array('filename' => '01.jpg', 'description' => 'Bild 1'),
   array('filename' => '02.jpg', 'description' => 'Bild 2'),
   array('filename' => '03.jpg', 'description' => 'Bild 3'),
   array('filename' => '04.jpg', 'description' => 'Bild 4')
);

$patternImage = '<img src="{pathOf}" alt="{description}" />';
$patternNav = '<a href="./?bild={imageID}">{action}</a>';

$bildID = isset($_GET['bild']) ? is_numeric($_GET['bild']) ? (int)$_GET['bild'] : false : false;
$bildID = array_key_exists($bildID, $fileData) ? $bildID : false;
$hasPrev = array_key_exists($bildID, $fileData) && $bildID > 0;
$hasNext = array_key_exists($bildID, $fileData) && ( count($fileData) - 1 < $bildID );

if ( $bildID ) {
   $html[] = str_replace(
      array('{pathOf}','{description}'),
      array($path.fileData[$bildID]['filename'], $fileData[$bildID]['description']), 
      $patternImage
   );
   
   if ( $hasPrev ) {

   $html[] = str_replace(
      array('{imageID}', '{action}'),
      array($bildID -1, 'vorheriges Bild'),
      $patternNav
   );

   }

   if ( $hasNext ) {

   $html[] = str_replace(
      array('{imageID}', '{action}'),
      array($bildID + 1, 'folgendes Bild'),
      $patternNav
   );

   }

   echo join('<br />', $html);
}
else {
   echo 'The requested Image has not been stored yet.';
}

- Links nicht auseinander schupsen, sondern per CSS "sehbar trennen".
- Eingang ( Initialisieren ), Verarbeiten, Ausgeben -> EVA
- Dinge die sich "globalisieren", global vorbereiten, du drückst bestimmte "Dinge" in ein Muster ( Pattern ), ergo pack halt "Bild-Dateiname" und "Bild-Beschreibung in ein vorbereitetes Muster.
- Sammeln von Ausgabe-Daten ( we call it "Puffern" ), ermöglicht das nachträgliche setzen von Cookies und folgende ausgeben der entgültigen Webseite. So umschifft man prinzipiell schon mal "Could not send Header-Information, Output starts at Line XY"-Fehler.

Generell kann man auch die Initialisierung von der Eingabeverarbeitung trennen ( hab ich hier nicht gemacht ), nennt sich dann "Bootstrapping" ( Initialisierung und "Sanitization and Prepare" ( Eingabeverarbeitung ).

Nur mal als Anregung.

P.S.: Der Quälcode ist hier im Foreneditor entstanden, also aus dem Kopf getippt. Falls Fehler drin sind bitte melden.

Edit: Prinzipiell kann man sich das ganze auch schenken und einfach übers Dateisystem traversieren. Logik der Erkennung kannst du in dem Fall so ausbauen das die Meta-Daten des JPEG-Bildchen genutzt werden. Unteranderem passen da auch noch Kommentare, Copyrights und andere Informationen rein, die PHP durchaus in der Lage ist auszulesen.

jspit · 05.01.2012, 11:31

Mir gefällt die Lösung von tr0y und da ich grad dabei bin, eine eigene kleine Debug-class zu testen kam mir das grad recht. Bei mir funktioniert es

PHP-Code:

  $path = 'bilder/';

$fileData = array(

   array('filename' => '01.jpg', 'description' => 'Bild 1'),

   array('filename' => '02.jpg', 'description' => 'Bild 2'),

   array('filename' => '03.jpg', 'description' => 'Bild 3'),

   array('filename' => '04.jpg', 'description' => 'Bild 4')

);

 
$patternImage = '<img src="{pathOf}" alt="{description}" />';

$patternNav = '<a href="'.basename($_SERVER["SCRIPT_NAME"]).'?bild={imageID}">{action}</a>'; //edit: scriptname mit rein

 
$bildID = isset($_GET['bild']) ? (int)$_GET['bild'] : 0 ;  //edit: jetzt start ohne/nichtnumerischen parameter mit $bildID=0  

//$hasPrev , $hasNext raus 

$bildID = array_key_exists($bildID, $fileData) ? $bildID : false;

 
if ( $bildID !== false ) { //edit: so auch für $bildID == 0

   $html[] = str_replace(

      array('{pathOf}','{description}'),

      array($path.$fileData[$bildID]['filename'], $fileData[$bildID]['description']), //edit: $

      $patternImage

   );

   

   if ( $bildID > 0 ) {  //edit

 
     $html[] = str_replace(

        array('{imageID}', '{action}'),

        array($bildID -1, 'vorheriges Bild'),

        $patternNav

     );

 
   }

 
   if ( $bildID < count($fileData) - 1 ) {  //edit

 
     $html[] = str_replace(

        array('{imageID}', '{action}'),

        array($bildID + 1, 'folgendes Bild'),

        $patternNav

     );

 
   }

 
   echo join('<br />', $html);

}

else {

   echo 'The requested Image has not been stored yet.';

}

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Fotogallerie mit Adminbereich	_webdesign_	Scriptbörse	1	23.06.2009 22:27
Gesucht : Einfache Fotogallerie		Beitragsarchiv	2	14.02.2005 12:11
neue fotogallerie...		PHP Tipps 2004	5	15.06.2004 19:14

04.01.2012, 22:50
robert74 Neuer Benutzer Registriert seit: 04.01.2012 Beiträge: 4 PHP-Kenntnisse: Anfänger	Fotogallerie Hallo! Hätte gerne eine kleine Fotogallerie programmiert, doch es funktioniert nicht so wie ich will. Statt dem Bild wird nur ein Image angezeigt (daß er kein Bild findet), mit zurück und weiter funktionierts auch nicht. Kann mir jemand weiterhelfen?? PHP-Code: <?php // Alle Bilder $bilder = array("bilder/01.jpg","bilder/02.jpg","bilder/03.jpg","bilder/04.jpg"); // Bild-ID vorinitialisieren $bild = 0; // Bild anzeigen echo '<img src="' . $bilder[$bild] . '"/>'; // Prüfen, ob der Zurück angezeigt werden soll if($bild > 0) echo '<a href="?bild=' . $bild - 1 . '">zurü</a>'; // Prüfen, ob der Weiter angezeigt werden soll if($bild < count($bilder)-1) echo '<a href="?bild=' . $bild + 1 . '">weiter</a>'; ?>


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

04.01.2012, 23:02
SlimShady95 Neuer Benutzer Registriert seit: 25.09.2010 Beiträge: 21 PHP-Kenntnisse: Fortgeschritten	PHP-Code: <?php // Alle Bilder $bilder = array("bilder/01.jpg","bilder/02.jpg","bilder/03.jpg","bilder/04.jpg"); // Bild-ID vorinitialisieren if(isset($_GET['bild']) AND is_numeric($_GET['bild'])) { $bild = $_GET['bild']; } else { $bild = 0; } // Bild anzeigen echo '<img src="' . $bilder[$bild] . '"/>'; // Prüfen, ob der Zurück angezeigt werden soll if($bild > 0) echo '<a href="?bild=' . $bild - 1 . '">zurü</a>'; // Prüfen, ob der Weiter angezeigt werden soll if($bild < count($bilder)-1) echo '<a href="?bild=' . $bild + 1 . '">weiter</a>'; ?> Das sollte das Problem mit "zurück" und "weiter" fixen. MfG Manuel

04.01.2012, 23:23
robert74 Neuer Benutzer Registriert seit: 04.01.2012 Beiträge: 4 PHP-Kenntnisse: Anfänger	Fotogallerie 2 Danke für die rasche Hilfe!!! Es wird das Foto schon angezeigt, nur "weiter" sind als normaler Text angezeigt, "zurück" überhaupt nicht.

04.01.2012, 23:37
robert74 Neuer Benutzer Registriert seit: 04.01.2012 Beiträge: 4 PHP-Kenntnisse: Anfänger	Stimmt natürlich. Aber weiter wird trotzdem als Text angezeigt, das ich nicht anklicken kann. Was mach ich da falsch?

04.01.2012, 23:41
SlimShady95 Neuer Benutzer Registriert seit: 25.09.2010 Beiträge: 21 PHP-Kenntnisse: Fortgeschritten	Ich hab dein Script mal ein wenig überarbeitet, weil mir grad langweilig war. Jetzt kannst du auch Beschreibungen angeben. Funktioniert ohne Probleme :P PHP-Code: <?php // Alle Bilder $ordner = 'bilder/'; $bilder = array('01.jpg', '02.jpg', '03.jpg', '04.jpg'); $beschreibungen = array('Bild 1', 'Bild 2', 'Bild 3', 'Bild 4'); // Bild-ID vorinitialisieren if(isset($_GET['bild']) AND is_numeric($_GET['bild'])) { $bild = $_GET['bild']; } else { $bild = 0; } // Bild anzeigen if(isset($bilder[$bild])) { echo '<img src="' . $ordner . $bilder[$bild] . '" /><br />'; } // Beschreibung anzeigen if(isset($beschreibungen[$bild])) { echo $beschreibungen[$bild] . '<br />'; } // Prüfen, ob der Zurück angezeigt werden soll if($bild > 0) { echo '<a href="?bild=' . ($bild - 1) . '">zurück</a>  '; } // Prüfen, ob der Weiter angezeigt werden soll if($bild < count($bilder)-1) { echo '<a href="?bild=' . ($bild + 1) . '">weiter</a>'; } ?> MfG Manuel

05.01.2012, 00:08
robert74 Neuer Benutzer Registriert seit: 04.01.2012 Beiträge: 4 PHP-Kenntnisse: Anfänger	Hallo Manuel! Danke! Super! Das wollte ich dann irgendwann machen wenn ich Zeit hab... Die Beschreibungen folgen dann bald. Außerdem muss ich noch viele Schönheitsfehler korrigieren, und genauso viele unpraktische Lösungen ändern. Bin erst mal froh, wenn alles mal online ist, der Rest kommt später. Doch ich mach das lieber selber, das interessiert mich mehr, als es machen zu lassen. Auch wenn ich dann doch wieder auf Hilfe angewiesen bin. Programmiere eher in C++ ( auch nicht gut). Wenns Dir gerade so fad ist: Meine Homepage und auch mein Hobby: www.robomoji.at Die Links stimmen noch nicht alle, Morgen aber! lg Robert

05.01.2012, 00:14
SlimShady95 Neuer Benutzer Registriert seit: 25.09.2010 Beiträge: 21 PHP-Kenntnisse: Fortgeschritten	Nett^^ Schau ich mir später an. Hab dir ne Nachricht geschrieben. MfG Manuel

05.01.2012, 04:57
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.874 PHP-Kenntnisse: Fortgeschritten	PHP-Code: $path = 'bilder/'; $fileData = array( array('filename' => '01.jpg', 'description' => 'Bild 1'), array('filename' => '02.jpg', 'description' => 'Bild 2'), array('filename' => '03.jpg', 'description' => 'Bild 3'), array('filename' => '04.jpg', 'description' => 'Bild 4') ); $patternImage = '<img src="{pathOf}" alt="{description}" />'; $patternNav = '<a href="./?bild={imageID}">{action}</a>'; $bildID = isset($_GET['bild']) ? is_numeric($_GET['bild']) ? (int)$_GET['bild'] : false : false; $bildID = array_key_exists($bildID, $fileData) ? $bildID : false; $hasPrev = array_key_exists($bildID, $fileData) && $bildID > 0; $hasNext = array_key_exists($bildID, $fileData) && ( count($fileData) - 1 < $bildID ); if ( $bildID ) { $html[] = str_replace( array('{pathOf}','{description}'), array($path.fileData[$bildID]['filename'], $fileData[$bildID]['description']), $patternImage ); if ( $hasPrev ) { $html[] = str_replace( array('{imageID}', '{action}'), array($bildID -1, 'vorheriges Bild'), $patternNav ); } if ( $hasNext ) { $html[] = str_replace( array('{imageID}', '{action}'), array($bildID + 1, 'folgendes Bild'), $patternNav ); } echo join('<br />', $html); } else { echo 'The requested Image has not been stored yet.'; } - Links nicht auseinander schupsen, sondern per CSS "sehbar trennen". - Eingang ( Initialisieren ), Verarbeiten, Ausgeben -> EVA - Dinge die sich "globalisieren", global vorbereiten, du drückst bestimmte "Dinge" in ein Muster ( Pattern ), ergo pack halt "Bild-Dateiname" und "Bild-Beschreibung in ein vorbereitetes Muster. - Sammeln von Ausgabe-Daten ( we call it "Puffern" ), ermöglicht das nachträgliche setzen von Cookies und folgende ausgeben der entgültigen Webseite. So umschifft man prinzipiell schon mal "Could not send Header-Information, Output starts at Line XY"-Fehler. Generell kann man auch die Initialisierung von der Eingabeverarbeitung trennen ( hab ich hier nicht gemacht ), nennt sich dann "Bootstrapping" ( Initialisierung und "Sanitization and Prepare" ( Eingabeverarbeitung ). Nur mal als Anregung. P.S.: Der Quälcode ist hier im Foreneditor entstanden, also aus dem Kopf getippt. Falls Fehler drin sind bitte melden. Edit: Prinzipiell kann man sich das ganze auch schenken und einfach übers Dateisystem traversieren. Logik der Erkennung kannst du in dem Fall so ausbauen das die Meta-Daten des JPEG-Bildchen genutzt werden. Unteranderem passen da auch noch Kommentare, Copyrights und andere Informationen rein, die PHP durchaus in der Lage ist auszulesen. __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr. Geändert von tr0y (05.01.2012 um 05:06 Uhr).

05.01.2012, 11:31
jspit Erfahrener Benutzer Registriert seit: 19.08.2011 Beiträge: 701 PHP-Kenntnisse: Anfänger	Mir gefällt die Lösung von tr0y und da ich grad dabei bin, eine eigene kleine Debug-class zu testen kam mir das grad recht. Bei mir funktioniert es PHP-Code: $path = 'bilder/'; $fileData = array( array('filename' => '01.jpg', 'description' => 'Bild 1'), array('filename' => '02.jpg', 'description' => 'Bild 2'), array('filename' => '03.jpg', 'description' => 'Bild 3'), array('filename' => '04.jpg', 'description' => 'Bild 4') ); $patternImage = '<img src="{pathOf}" alt="{description}" />'; $patternNav = '<a href="'.basename($_SERVER["SCRIPT_NAME"]).'?bild={imageID}">{action}</a>'; //edit: scriptname mit rein $bildID = isset($_GET['bild']) ? (int)$_GET['bild'] : 0 ; //edit: jetzt start ohne/nichtnumerischen parameter mit $bildID=0 //$hasPrev , $hasNext raus $bildID = array_key_exists($bildID, $fileData) ? $bildID : false; if ( $bildID !== false ) { //edit: so auch für $bildID == 0 $html[] = str_replace( array('{pathOf}','{description}'), array($path.$fileData[$bildID]['filename'], $fileData[$bildID]['description']), //edit: $ $patternImage ); if ( $bildID > 0 ) { //edit $html[] = str_replace( array('{imageID}', '{action}'), array($bildID -1, 'vorheriges Bild'), $patternNav ); } if ( $bildID < count($fileData) - 1 ) { //edit $html[] = str_replace( array('{imageID}', '{action}'), array($bildID + 1, 'folgendes Bild'), $patternNav ); } echo join('<br />', $html); } else { echo 'The requested Image has not been stored yet.'; }