Fragen und Antworten » Zufallsbilder im Kopfbereich

18.02.2013 12:07

eini1971
#1 Zufallsbilder im Kopfbereich

eini1971

Hi Leute, wir haben bei uns im Kopfbereich 5 Bilder die per Zufall ausgesucht und angezeigt werden.
Die Bilder stammen alle aus den Bildergalerien der User.

Gelöst wurde das mit folgendem Script.,

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<div id="banner">Inhalt</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<script type="text/javascript">// <![CDATA[
banners = new Array();
bannerlinks = new Array();
banners[0] = '/b572886/resize/250x187/pictures_u177_544f92.jpg';
bannerlinks[0] = '/g12p177-er-nano-seite.html';
banners[1] = '/b572886/resize/250x187/pictures_u178_6c4355.jpg';
bannerlinks[1] = '/g12p178-Nano-gesamt.html';
banners[2] = '/b572886/resize/250x187/pictures_u179_c82d8e.jpg';
bannerlinks[2] = '/g12p179-SAM.html';
banners[3] = '/b572886/resize/250x187/pictures_u180_2dcc3b.jpg';
bannerlinks[3] = '/g12p180-SAM.html';
banners[4] = '/b572886/resize/250x187/pictures_u181_2658af.jpg';
bannerlinks[4] = '/g12p181-sexy-shrimp.html';
banners[5] = '/b572886/resize/250x187/pictures_u182_cdc4fe.jpg';
bannerlinks[5] = '/g12p182-SAM.html';
...
...
var random_a = Math.floor(Math.random() * banners.length);
var random_b = Math.floor(Math.random() * banners.length);
var random_c = Math.floor(Math.random() * banners.length);
var random_d = Math.floor(Math.random() * banners.length);
var random_e = Math.floor(Math.random() * banners.length);
 
document.getElementById('banner').innerHTML = '<a href="' + 'http://www.aquariumzimmer.de' + bannerlinks[random_a] + '"><img src="' + 'https://files.homepagemodules.de' + banners[random_a] + '" /></a><a href="' + 'http://www.aquariumzimmer.de' + bannerlinks[random_b] + '"><img src="' + 'https://files.homepagemodules.de' + banners[random_b] + '" /></a><a href="' + 'http://www.aquariumzimmer.de' + bannerlinks[random_c] + '"><img src="' + 'https://files.homepagemodules.de' + banners[random_c] + '" /></a><a href="' + 'http://www.aquariumzimmer.de' + bannerlinks[random_d] + '"><img src="' + 'https://files.homepagemodules.de' + banners[random_d] + '" /></a><a href="' + 'http://www.aquariumzimmer.de' + bannerlinks[random_e] + '"><img src="' + 'https://files.homepagemodules.de' + banners[random_e] + '" /></a>';
// ]]></script>
...
...
 

Bei dieser Lösung gibt es aber 2 Probleme.
Erstens ist irgendwann die maximal zulässige Anzahl an Zeichen überschritten.
Und zweitens muss man jedes Bild in den Galerien aufrufen und Grafikadresse
sowie Link-Adresse per Hand kopieren, umbauen und in den Code einbauen.
Die Bildergalerien wachsen stetig und es ist fast unmöglich den Kopf zu aktualisieren.

Kennt jemand eine Möglichkeit die Bilder so zu befüllen wie es im Portal möglich ist?
Dort kann man in einer Box die x-letzten Bilder aus allen Galerien anzeigen lassen.
Ich suche also eine Kombination der Funktionen.
Alle Galerien berücksichtigen und daraus 5 zufällige Bilder auswählen.

Gruß
Frank

Boardnr. 621181

www.aquariumzimmer.de
Boardnr. 572886
Business Template

Antworten

Beitrag melden

#2

18.02.2013 14:01

Ingmar
#2 RE: Zufallsbilder im Kopfbereich

Ingmar

Eine ganz einfache Lösung gibt es da leider nicht. Theoretisch könnte man versuchen, per jquery an die Bild-links der Bilder im Portal zu kommen. Das wäre aber nicht sehr performant. Wenn es nur um die Anzahl der Zeichen geht, könntest du die variablennamen verkürzen (b1,bl1 usw) und den immer gleichen teil im Pfad in eine variable auslagern.

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#3

18.02.2013 14:10

eini1971
#3 RE: Zufallsbilder im Kopfbereich

eini1971

Hi Ingmar,
das mit den Variablen-Namen hatte ich mir schon überlegt.
Wird in der Masse (sind derzeit über 400 Bildlinks) auch etwas bringen.

Wegen der Automatik hatte ich auch nicht viel Hoffnung auf eine gute Lösung.
Aber ich dachte mir "Fragen kostet nix".

Danke dir.

Gruß
Frank

Boardnr. 621181

www.aquariumzimmer.de
Boardnr. 572886
Business Template

Antworten

Beitrag melden