Bilder mit Link zufällig anzeigen

[imatt]

Erst einmal ein herzliches Hallo an alle (bin neu hier)!
Obwohl ich schon etwas länger die Beiträge lese, ist dies mein erster Thread...

Nun zu Thema:
Ich bin gerade dabei meine Website neu zu gestalten. Dazu möchte ich auf der Startseite drei Bilder, die mit unterschiedlichen Links versehen sind, zufällig aus einem Pool von ca. 40 Bilder anzeigen.

Damit ihr euch das ein wenig vorstellen könnt hier der Entwurf

Wäre für jeden Lösungsvorschlag dankbar.

PS. Mein Server unterstützt PHP.

[webcreate]

Willkommen im TP.
Dein Problem wäre besser im Dynamik Bereich aufgehoben.
Ggf. kann es ja einer verschieben.

Zum Problem:
Erzeuge ein mehrdimensionales Array und dann nutze die rand function.
Ansatz:

PHP-Code:

<?
$bilder['bild']= array("01.jpg", "02.jpg", "03.jpg");
$bilder['url'] = array("http://www.link1.de", "http://www.link2.de", "http://www.link3.de");

$zuffi = rand(0, count($bilder['bild'])-1);

echo "<a href=\"".$bilder[url][$zuffi]."\" target=\"_blank\"><img src=\"".$bilder['bild'][$zuffi]."\" border\"0\"></a>";
?>

Wichtig ist halt, dass die Anzahl der Link zu den der Bilder passt.

[imatt]

Vielen Dank für deine Antwort.

Vielleicht habe ich mich ein wenig unklar ausgedrückt oder ich verstehe den Code falsch.
Aber ich möchte jedem Bild einen definierten Link zuweisen (je nach dem in welchem Album das Bild liegt)

Bin jedoch ein Rookie was PHP angeht...
Kann ich diesen Code einfach in den Head-Bereich meiner HTML-Seite schreiben?


PS. Sorry, dass ich das falsche Forum gewählt habe. Immer diese Anfänger

[webcreate]

Und was macht der Code?
Jedes Bild hat doch einen festen Link
Bild 1 hat Link 1; Bild 2 hat Link 2, usw.
Via rand() wird ja nur gewählt, welches Arraybild gewählt wird.
Also hast du doch eine feste Zuordnung.

Wo muss das Script hin?
Head? Nee nee, das ist hier kein JavaScript mehr.
Das Script kann direkt an die Stelle, wo die Bildausgabe erfolgen soll.
Das echo wird dann direkt da ausgeführt.
Jedoch wird da z.Z. nur ein Bild ausgegeben, du musst es halt noch so erweitern, dass dann 3 ausgegeben werden.
Aber bedenke zu Prüfen, dass ein Array-Element nicht zweimal aufgegeben wird, sonst hast ein Bild doppelt.

[321]

Da Du 3 Bilder haben willst, und sicher jedes nur einmal, mache 3 mal rand()
Das erstemal wie beschrieben und belege eine Variable damit ($B1)
beim zweiten und drittenmal in einer Iteration
bis der ermittelte Wert (1 - 40) ein anderer ist, als bereits in $B1 und $B2 festgehalten.

[imatt]

Tut mir leid, ich steh' leider immer noch ein wenig auf der Leitung.

Wenn ich die Bilder in einem Ordner (z.B. images) habe. Wie müsste ich den Code dann ergänzen?

Den "echo" Befehl kann ich dann einfach auf die 3 Zellen, in denen die Bilder angezeigt werden sollen, aufteilen oder?

Vielen Dank für deine Geduld!

[webcreate]

So hier mal eine Lösung, die dann auch die Sicherheit bietet, das kein Bild doppelt vorkommt. ISt der Grundgedanke von 321, halt nur elegant gelöst

PHP-Code:

<?
$bilder['bild']= array("images/01.jpg", "images/02.jpg", "images/03.jpg", "images/04.jpg", "images/05.jpg");
$bilder['url'] = array("http://www.link1.de", "http://www.link2.de", "http://www.link3.de", "http://www.link4.de", "http://www.link5.de");
$zuffis = array();
function bildausgabe($i, $anzahl){
    global $zuffis;
    $zuffi = rand(0, count($anzahl)-1);
    if (!in_array ($zuffi, $zuffis)){
        $zuffis[] = $zuffi;
        if($i < 2) bildausgabe($i+1, $anzahl);
    }
    else bildausgabe($i, $anzahl);
}
bildausgabe(0, $bilder['bild']);
foreach($zuffis as $zuffi) echo "<a href=\"".$bilder[url][$zuffi]."\" target=\"_blank\"><img src=\"".$bilder['bild'][$zuffi]."\" border\"0\"></a>\n";
?>

[321]

Hab auch keinen fertigen Code zur Hand, aber wenn ein Tipp reicht ...

Du wirst das Directory auslesen müssen und die Dateinamen der Bilder in ein Array schubsen.
Desweitern wirst Du eine Datei/DB-Tabelle benötigen, die zB. Bilddateinamen und die entsprechenden Links enthält.

Danach folgt oben beschriebenes.

Und richtig, echo von $B1, $B2 und $B3
sowie von $L1, $L2 und $L3 (für die Links)
schreibst Du in Ergänzung des <a ..> und des <img .../>

Die Seite muss deineseite.php statt deineseite.html heissen.

[imatt]

Es funktioniert!!!!

Ihr seid echt der Wahnsinn, vielen Dank!

Wie könnte ich jetzt noch einen kleinen Abstand zwischen den Bildern erzeugen?


PS. Die Tabelle wird noch überarbeitet.

[webcreate]

Du solltest dich mal mit CSS beschäftigen, da findet sich auch ne Lösung
http://www.css4you.de

[321]

Das wäre dann nur reines HTML und/oder CSS!

HTML: <img ... hspace=8 oder vspace=12
CSS: margin: 0 1 2 3 für top right bottom left

[imatt]

Vielen, vielen Dank. Ihr seid wirklich klasse!