Brauche Hilfe bei der Erstellung des Codes für eine Galerievorschau

[LifeRacer]

Hallo,

ich entwerfe gerade eine Homepage für das Reisebüro meiner Mutter. Als Anregung dachte ich mir, auf der Linken Seite, unter den Linkbuttons eine Galerievorschau zu machen. Vielleicht bestehend aus 3 oder 4 Bildern. Wenn man dann einen anderen Link öffnet oder die Seite aktualisiert, dann sollen die Bilder sich verändern (also andere Bilder aus der Datenbank sollen angezeigt werden). Wisst ihr wie ich das meine? Könnt ihr mir dan beim HTML Code helfen, da ich so tief noch nicht vorgedrungen bin. Wäre klasse, wenn ihr mir helfen könntet.

 

[nichtsgeht]

Am einfachsten wäre, du baust mehrere Seiten. Auf jeder Seite legst du z.B. 4 Bilder mit <img ...>. und mit <a href=...> rufst du weitere Seiten auf.

Man kann es natürlich auch mit einer Bildergallerie machen. Lese dazu mal
http://www.html.de/tutorials/13149-php-bildergalerie-commentsystem.html

 

[LifeRacer]

na die Bilder sollen wechseln, also Kommtentare Kategorien oder sowas brauch ich nicht

 

[gruenspan]

Wie wäre es mit

rand();

Deine Bilder musst Du dann entsprechend benennen.

 

[LifeRacer]

könntest du das bitte in bisschen näher beschreiben? Wäre sehr nett von dir.

 

[BcF]

<?php
  $bilder = array(
    'bild1.jpg',
    'bild2.jpg',
    'bild3.jpg'
  );
  $bild = rand(0, count($bilder) - 1);
  echo '<img src="'.$bilder[$bild].'" alt="" />';
?>

 

[Commodore]

Dafür gibt's array_rand:

bilder.php:

$bilder = array(
    'bild1.jpg',
    'bild2.jpg',
    'bild3.jpg',
    'bild4.jpg',
    'bild5.jpg');

Die Seite:

include("bilder.php");
$erg = array_rand($bilder, 4);
foreach($erg as $zahl => $num)
    echo "<a href=\"anzeige.php?index=\"".$zahl."\"><img src=\"".$num."\" alt=\"\" /></a>\n";

Und in der anzeige.php dann:

include("bilder.php");
if(isset($_GET['index']) && array_key_exists($_GET['index'], $bilder))
    echo "<img src=\"".$bilder[$_GET['index']]."\" alt=\"\" />\n";
else
    echo "Bitte einen G&uuml;ltigen Link benutzen!\n";

Auf der Seite muss man dann die Bilder innerhalb von Links mithilfe von CSS verkleinert darstellen lassen.

 

[LifeRacer]

Hallo,
irgendwie bin ich zu blöd dafür. Also ich hab keinen Plan von php und CSS hab ich auch noch nicht bearbeitet. Könnte das einer mal schreiben und mir per mail schicken?: [email protected] Dann weiß ich wie es funktioniert und kann es auf meine Seite übernehmen. Würdet ihr das machen? Wie gesagt, html bekomm ich noch hin, blos das andere hab ich noch nie gemacht.

Also was ich jetzt ausprobiert hab: (nach Commondores Anleitung)

Erst hab ich ne Datei mit dem Namen "bilder.php" erstellt und diese hatte folgenden Programmcode:

<php>
$bilder= array( 
    'bild1.jpg', 
    'bild2.jpg', 
    'bild3.jpg', 
    'bild4.jpg', 
    'bild5.jpg');
</php>

passende Bilder mit diesen Dateinamen kamen auch dazu.


Dann ne hab ich ne Datei erstellt mit den Namen "anzeige.php" und disen Code reinkopiert:

<php>
include("bilder.php"); 
if(isset($_GET'index') && array_key_exists($_GET'index', $bilder)) 
    echo "<img src=\"".$bilder$_GET'index'."\" alt=\"\" />\n"; 
else 
    echo "Bitte einen G&uuml;ltigen Link benutzen!\n";  
</php>

(Links und Quellen hab ich in der Datei auch noch eingetragen)

und in die Html Seite hab ich

include("bilder.php"); 
$erg = array_rand($bilder, 4); 
foreach($erg as $zahl => $num) 
    echo "<a href=\"anzeige.php?index=\"".$zahl."\"><img src=\"".$num."\" alt=\"\" /></a>\n";

eigefügt

Vermutlich werdet ihr die Hände jetzt über den Kopfschlagen, doch ich kann es nicht besser. Bitte helft einen Newbe.

 

[Maxi]

LifeRacer


ich habe jetzt die letzetn 5 Minuten damit verbracht deinen Beitrag Regelkonform anzupassen, nochmals werde ich das nicht tun.

Schau dir mal die Forenregeln an, da steht drin wie du die Code-Tags zu verwenden hast. Wenn du das richtig machst ist es auch nicht nötig, den ganzen Code mit Farb-Tags zu übersähen, die ich gerade entfernen durfte.

 

[Commodore]

Also am besten ist es, wenn du dich in PHP einarbeitest -> #php/QuakeNet Tutorial - Einführung

In dienem Code sind massig Fehler, die in meinem nicht drin waren ;)