Zufälliger Banner [5]

Ich hatte den Dateinamen eingefügt jpg ,es änderte sich nichts.Ich kann dich gerne als Admin freischalten.Das ist nur zum testen.Kann man nichts verkehrt machen.Und es steht überhaupt nichts drinne ausser Headcode.

Zitat von Jörg

Der PHP-Code wird nicht ausgeführt, sondern nur angezeigt. Wo bzw. wie hast du den Code eingefügt - in eienr Template-Datei?

Wenn du die JavaScript-Variante aus Beitrag 14 nimmst, sollte der Code aber in jedem Fall ausgeführt werden.

Du musst den Code dann aber noch anpassen, also z.B. statt "banner0.jpg" den Dateinamen deiner ersten Bilddatei einfügen.

was kommt den bei banner.com rein? jpg die bilddatei ....

Zitat von Jörg

Das sind die Adressen der Seiten, mit deenen die Bilder verlinkt sind, wenn man drauf klickt. Wenn du die Bilder nicht verlinken willst, kannst du diese auch weglassen:

<div id="banner"></div>
<script type="text/javascript">
banners = new Array();
bannerlinks = new Array();
banners[0] = 'banner0.jpg';
banners[1] = 'banner1.jpg';
banners[2] = 'banner2.jpg';
/* und so weiter */

var randomnumber = Math.floor(Math.random() * banners.length);

document.getElementById('banner').innerHTML = '<img src="' + banners[randomnumber] + '" />';
</script>

Das habe ich eingegeben,sehe nur ein Bild.Und das nur ab und zu.



<div id="banner"></div>
<script type="text/javascript">
banners = new Array();
bannerlinks = new Array();
banners[0] = 'http://files.homepagemodules.de/b518341/pictures_u1_thumb_31284f.jpg';
banners[1] = 'http://files.homepagemodules.de/b518341/pictures_u4_thumb_c51fc3.jpg';
banners[2] = 'banner2.jpg';

var randomnumber = Math.floor(Math.random() * banners.length);

document.getElementById('banner').innerHTML = '<img src="' + banners[randomnumber] + '" />';
</script>

Zitat von Jörg

Das habe ich eingegeben,sehe nur ein Bild

Ja, der Code enthält nur ein Zufallsbild.

Und das nur ab und zu.

Ab und zu wird das Bild banner2.jpg angezeigt, welches es ja nicht gibt ;)

Man kann das ganze auch so erweitern, dass vier Zufallsbilder angezeigt werden. Dazu solltest du natürlich mind. fünf Bilder definieren. Probier's mal so:

<div id="banner"></div>
<script type="text/javascript">
banners = new Array();
bannerlinks = new Array();
banners[0] = 'http://files.homepagemodules.de/b518341/pictures_u1_thumb_31284f.jpg';
banners[1] = 'http://files.homepagemodules.de/b518341/pictures_u4_thumb_c51fc3.jpg';
banners[2] = 'banner2.jpg';
banners[3] = 'banner3.jpg';
banners[4] = 'banner4.jpg';
// und so weiter

var randomnumber = Math.floor(Math.random() * (banners.length - 3));

document.getElementById('banner').innerHTML = '<img src="' + banners[randomnumber] + '" /> <img src="' + banners[randomnumber + 1] + '" /> <img src="' + banners[randomnumber + 2] + '" /> <img src="' + banners[randomnumber + 3] + '" />';
</script>

Hallo Jörg


Soweit hat es gut funktioniert.Folgendes,ich möchte viele Bilder einstellen die dann immer 4 im Zufallsprinzip bei jedem besuch in einer Reihe auf der Startseite anzeigen.
Nun wollte ich ein 5.Bild einfügen, da zeigte die Kopfzeile keine Bilder.Nur bei den 4.Es kann gut sein das ich da locker 100 Bilder einfüge.Da es Bilder meiner User aus dem Forum sind.
Dank dir bin ich aber schon ein grosses Stück weiter.

Nun wollte ich ein 5.Bild einfügen, da zeigte die Kopfzeile keine Bilder.Nur bei den 4.

Das kann ich nicht nachvollziehen? Du hast doch fünf Bilder definiert, und es werden immer vier Bilder daraus angezeigt?

Es kann gut sein das ich da locker 100 Bilder einfüge.Da es Bilder meiner User aus dem Forum sind.

Ja, das sollte kein Problem sein, und wäre sogar sinnvoll.

Hier nochmal den Link,so soll es aussehen wie es da ist,nur das sich die Bilder mit jedem Klick wechseln

Das tun sie bereits. Momentan kann die Anzeige bei fünf Bildern aber nur zwischen Bild 1 bis 4 und Bild 2 bis 5 wechseln. Bei dieser sehr knappen Auswahl kann die Zufallsauswahl bei aufeinanderfolgenden Aufrufen sich eben auch öfters mal wiederholen. Wenn du mehr Bilder einbindest, gitb es auch mehr Wechsel.

Und eventuell 1 cm Abstand zwischen den Bilder.

Das kannst du mit CSS bewerkstelligen (in das <style> Element oder in die css Datei)

div#banner img { margin-right:20px; }