Zur Navigation

Zufälliger Banner [5]

41 Jörg2

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.

22.04.2010 18:17

42 Jörg Kruse

Sorry, ich seh grad, in Beitrag 14 ist ja kein JavaScript-Beispiel - versuch es mal mit dem Code in Beitrag 32

22.04.2010 18:18

43 Jörg2

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 ....

22.04.2010 18:41

44 Jörg Kruse

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>

22.04.2010 18:47

45 Jörg2

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>

22.04.2010 19:20

46 Jörg Kruse

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>

22.04.2010 19:39

47 Jörg2

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.

23.04.2010 10:45

48 Jörg2

Hier nochmal den Link,so soll es aussehen wie es da ist,nur das sich die Bilder mit jedem Klick wechseln.Und eventuell 1 cm Abstand zwischen den Bilder.

http://518341.homepagemodules.de/

23.04.2010 10:57

49 Jörg Kruse

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; }

23.04.2010 11:45

50 Jörg2

Ich habe ein Bild noch eingefügt ,aber dann wird nichts mehr angezeigt,hab es wieder rausgenommen,dann kamen die Bilder wieder.???

23.04.2010 11:49