list-style-image mit Zufallsbild

[golem4711]

Hallo,
ist es möglich das Aufzählzeichen einer Liste mit einem Zufallsbild zu versehen und zwar so das jeder Listenpunkt ein neues Zufallsbild bekommt?
Es ist ohne weiteres möglich ein generiertes Bild einzubinden,

<ul style="list-style-image: url(images/images/random.php);">

für die gesamte Liste wird dann aber nur einmal ein Zufallsbild ausgewählt. Geht das auch anders?

Grüße

 

[Maik]

Hi,

wenn jeder einzelne Listenpunkt eine individuelle Bullet-Grafik erhalten soll, ist anstelle von list-style-image die background-image-Eigenschaft für das <li>-Element gefragt.

mfg Maik

 

[golem4711]

Leider hilft das nich.
Ob list-style-image oder background-image es wird immer dasselbe Bild dargestellt. Wie auch, random.php wird ja nur einmal aus der css-datei geladen. (Ja ich weiss, im ersten post habe ich das etwas anders dargestellt )

Falls jemand doch noch eine Möglichkeit findet, würde ich mich freuen davon zu hören.

 

[Loomis]

Hi,

was macht random.php?

 

[Maik]

Leider hilft das nich.
Ob list-style-image oder background-image es wird immer dasselbe Bild dargestellt.

Du mußt dir schon einen Bilder-Array anlegen, auf den zugegriffen wird.

mfg Maik

 

[golem4711]

random.php sucht ein Zufallsbild aus einem Verzeichnis und gibt es aus.
Im Prinzip das:
http://www.alistapart.com/articles/randomizer/

Maik
was meinst du mit Bilder-Array anlegen?
Die Bilder werden in ein array eingelesen und dann wird aus der Anzahl zufällig eines ausgewählt.

 

[Maik]

Hab hier einen Code-Schnipsel rumfliegen, mit dem das Seitenhintergrundbild zufällig geladen wird.

<?php
header('Content-Type: text/css; charset=ISO-8859-1');

$bgs=array(
              '../img/random_bgImage_01.jpg',
              '../img/random_bgImage_02.jpg',
              '../img/random_bgImage_03.jpg'
              // usw.
             );
shuffle($bgs);
?>
body {
background:url(<?php echo $bgs[0];?>) no-repeat center fixed;
}

Vielleicht kannst du damit was anfangen.

mfg Maik

 

[golem4711]

Jaaa, schon. Aber das ist nur ein einziges Bild.
Ich mochte jedes Aufzählzeichen (Bullet-Grafik) meiner Liste zufällig ausgewählt haben und ich mochte nicht jedes <li> der Liste mit style="list-style-image: url(images/images/random.php);" versehen. Da ist der Haken.

 

[Maik]

Bei deinem Vorhaben wirst du aber den Weg über die einzelnen <li>-Elemente gehen müssen, denn list-style-image lässt sich nur auf das <ul>-Element anwenden, und gilt darin für alle enthaltenden <li>-Elemente.

mfg Maik

 

[golem4711]

Sag ich doch.

Die Frage war aber gibt es einen anderen Weg. Offensichtlich nicht.
Trotzdem Danke.