[GastForen Programmierung/Entwicklung JavaScript Banner-Rotation Zufall & Rotation mit Javascript?

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Banner-Rotation Zufall & Rotation mit Javascript?

maxiffm
Beiträge gesamt: 11

11. Dez 2009, 10:47
Beitrag # 1 von 21
Bewertung:
(17742 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallöchen an alle hier,

ich habe da ein (für mich schwieriges) problemchen, ich benutze ein script, wo die banner in rotation beim aufruf der seite zeitlich nacheinander ablaufen und es funktioniert auch gut, aber...und jetzt kommt das aber.....die rotation startet immer mit dem selben -> 1. banner und läuft dann bis zum 5. durch.

kann man das script so anpassen, dass die rotation per zufall startet und dann entsprechend die 5 banner nacheinander anzeigt werden?

also die rotation startet zb. per zufall mit dem 3.banner und läuft dann zeitlich ab, also 3. banner start und dann z.b. alle 20 sek. ein wechsel der banner.

das script was ich suche soll den vorteil haben, wenn ein besucher z.b. in einer stunde fünfmal die seite besucht, nicht jedesmal den gleichen banner beim seitenaufruf sieht, aber wenn er 5 min. auf der seite ist, alle z.b. 20 sek. einen anderen banner zu gesicht bekommt.

hat jemand in der javascript-welt einen vorschlag, kann jemand helfen ?

mein script sieht so aus:

im head:

<script type="text/javascript">
var imgs1 = new Array("url_bild01.gif","url_bild02.gif","url_bild03.gif","url_bild04.gif","url_bild05.gif");
var lnks1 = new Array("http://www.link_1_url","http://www.link_2_url","http://www.link_3_url","http://www.link_4_url","http://www.link_5_url");
var alt1 = new Array("Topsite1","Topsite2","Topsite3","Topsite4","Topsite5");
var currentAd1 = 0;
var imgCt1 = 5;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",20000);
</script>

im body:

<a href="http://www.link_1_url" title="Topsite1" target="_blank" id="adLink1">

<img src="url_bild01.gif" id="adBanner1" border="0" width="468" height="60"></a>


wäre echt toll, wenn jemand helfen kann, ich habe schon das ganze web abgesucht, entweder per zufall mit erneutem seitenaufruf (mit php) oder zeitliche rotation (mit java), aber beides kombiniert als javascript gibts nicht.


viele grüße aus frankfurt
maxi
X

Banner-Rotation Zufall & Rotation mit Javascript?

Intermedia
Beiträge gesamt: 1287

11. Dez 2009, 11:06
Beitrag # 2 von 21
Beitrag ID: #427409
Bewertung:
(17700 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi,

ich hatte hier mal einen Link zu dem Thema gepostet, hier ist er nochmal:

http://www.b-foto.de/hds/zufall/bild.htm

Das kannst du dir dann anpassen wie du es brauchst.

Gruß Sven


als Antwort auf: [#427404]

Banner-Rotation Zufall & Rotation mit Javascript?

maxiffm
Beiträge gesamt: 11

11. Dez 2009, 11:16
Beitrag # 3 von 21
Beitrag ID: #427411
Bewertung:
(17696 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo sven,

danke schon mal für den vorschlag, hast du noch eine idee wie ich die links zum img einfüge (dass bei onmouseover der link mit geht ?

viele grüße aus frankfurt

maxi


als Antwort auf: [#427409]

Banner-Rotation Zufall & Rotation mit Javascript?

maxiffm
Beiträge gesamt: 11

11. Dez 2009, 11:20
Beitrag # 4 von 21
Beitrag ID: #427413
Bewertung:
(17692 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hi sven,
ich noch mal,

habe gerade gesehen, dass das img nur bei erneutem seitenaufruf rotiert, bräuchte ein script, was nach aufruf zeilich rotiert, startbanner = zufall....

viele grüße aus frankfurt

maxi


als Antwort auf: [#427409]

Banner-Rotation Zufall & Rotation mit Javascript?

Intermedia
Beiträge gesamt: 1287

11. Dez 2009, 11:23
Beitrag # 5 von 21
Beitrag ID: #427415
Bewertung:
(17691 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi Maxi,

also den Link machst du mit <a href..... wie im HTML auch.

Für deine Zwecke muß es noch angepasst werden, eigentlich muß nur die Funktion "mischen" entsprechend dem Zeitintervall aufgerufen werden.

Gruß Sven


als Antwort auf: [#427413]

Banner-Rotation Zufall & Rotation mit Javascript?

maxiffm
Beiträge gesamt: 11

11. Dez 2009, 11:43
Beitrag # 6 von 21
Beitrag ID: #427423
Bewertung:
(17678 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hi sven,

"eigentlich muß nur die Funktion "mischen" entsprechend dem Zeitintervall aufgerufen werden"

habe gerade mal gebastelt, hmmm...bekomme es nicht hin, schon mist, wenn man nicht so viel ahnung von javascript hat.....

kannst du mein script anpassen, wenn du zeit hast, muß auch nicht gleich sein.....

wäre dir für ewig dank :-X

lg maxi


als Antwort auf: [#427415]

Banner-Rotation Zufall & Rotation mit Javascript?

Intermedia
Beiträge gesamt: 1287

11. Dez 2009, 11:54
Beitrag # 7 von 21
Beitrag ID: #427425
Bewertung:
(17667 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi Maxi,

ausnahmsweise mal. ;-)))

Könnte so gehen:

Code
<script type="text/javascript"> 

function mischen(){
for(var i =0; i < imgs1.length; i++){
zahl = Math.floor(Math.random() * imgs1.length);
}

return zahl;
}



var imgs1 = new Array("url_bild01.gif","url_bild02.gif","url_bild03.gif","url_bild04.gif","url_bild05.gif");
var lnks1 = new Array("http://www.link_1_url","http://www.link_2_url","http://www.link_3_url","http://www.link_4_url","http://www.link_5_url");
var alt1 = new Array("Topsite1","Topsite2","Topsite3","Topsite4","Topsite5");
var currentAd1 = 0;
var imgCt1 = 5;
function cycle1() {
var za = mischen();

if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[za]
banner1.alt=alt1[za]
document.getElementById('adLink1').href=lnks1[za]
currentAd1++;
}
window.setInterval("cycle1()",20000);
</script>

im body:

<a href="http://www.link_1_url" title="Topsite1" target="_blank" id="adLink1">

<img src="url_bild01.gif" id="adBanner1" border="0" width="468" height="60"></a>


ansonsten bin ich erst Montag wieder online.

Gruß Sven


als Antwort auf: [#427423]

Banner-Rotation Zufall & Rotation mit Javascript?

maxiffm
Beiträge gesamt: 11

11. Dez 2009, 12:09
Beitrag # 8 von 21
Beitrag ID: #427431
Bewertung:
(17651 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hi sven,

vielen dank für deine mühe & hilfe,

werde es nachher in ruhre mal scripten.

werde mich auf alle fälle melden, ob es funktioniert.

wünsche dir ein schönes wochenende.

viele grüße maxi


als Antwort auf: [#427425]

Banner-Rotation Zufall & Rotation mit Javascript?

maxiffm
Beiträge gesamt: 11

11. Dez 2009, 15:16
Beitrag # 9 von 21
Beitrag ID: #427461
Bewertung:
(17617 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo sven, ich bins nochmal....

also ich hab das script getestet und online gestellt,

die zufallsrotation funktioniert super, perfekt wäre es, wenn bei einem neuen seitenaufruf auch ein zufallsprinzip wäre, also dass nicht immer der 1.banner bei neustart gezeigt wird.

ich füge hier mal den link ein, vielleicht gibts ja noch ne möglichkeit den zuerst gezeigten banner auf "zufall" zustellen.

link: http://www.logfile.me/zufall.html

ich bin über jede hilfe sehr dankbar.

viele grüße aus frankfurt

maxi


als Antwort auf: [#427425]

Banner-Rotation Zufall & Rotation mit Javascript?

Bitfilme
Beiträge gesamt: 264

11. Dez 2009, 16:59
Beitrag # 10 von 21
Beitrag ID: #427472
Bewertung:
(17595 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Erstelle ein transparentes Bild dies fügst hier:
<img src="http://www.logfile.me/banner/transparent.gif" .....> ein.
Das Laden der einzelnen Bilder geht etwas lange, somit ist das erste eingefügte Bild nicht sichtbar.


als Antwort auf: [#427461]
(Dieser Beitrag wurde von Bitfilme am 11. Dez 2009, 17:01 geändert)

Banner-Rotation Zufall & Rotation mit Javascript?

maxiffm
Beiträge gesamt: 11

11. Dez 2009, 18:03
Beitrag # 11 von 21
Beitrag ID: #427476
Bewertung:
(17582 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo,

danke für deine idee....find ich echt stark....habe es auch grade mal probiert.....hat nur den nachteil, dass die rotation auf 5 sec. (und das ist schon kurz - nur als demo) eingestellt ist, wenn jemand die seite besucht, ist der raum für die banner für die eingestellten sec. leer, auf der eigendlichen seite laufen vier banner-rotationen - ist eine promotion-seite.....

da muß es noch eine script-lösung geben.....wer kennt eine ???

bitte melde dich javascript-programmierer -> maxi braucht hilfe.....

aber trotzdem danke für deine idee

viele grüße aus frankfurt

maxi


als Antwort auf: [#427472]

Banner-Rotation Zufall & Rotation mit Javascript?

oesi50
  
Beiträge gesamt: 2315

11. Dez 2009, 21:38
Beitrag # 12 von 21
Beitrag ID: #427489
Bewertung:
(17565 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Warum macht ihr es euch immer so schwer?


Es sind also n Banner, die rotierend angezeigt werden sollen.

mit getUTCMilliseconds() erhält man die abgelaufenen Millisekunden, mit getUTCSeconds() die abgelaufenen Sekunden.

So jetzt daraus nur noch eine Zahl zwischen 0 und n-1 erzeugen, und die Daten zyklisch aus dem Array holen, fertig.

Der Zufall ergibt sich dann automatisch aus dem Aufruf der Seite.

Code
var banner_array = Array('Banner1','Banner2','Banner3','Banner4'); 
var jetzt = new Date();
var msec = jetzt.getUTCSeconds() * 1000 + jetzt.getUTCMilliseconds();
var index = msec % banner_array.length;
document.write(banner_array[index]);


Edit:
ich seh gerade, dass es mit getTime() noch einfacher geht.

Code
var banner_array = Array('Banner1','Banner2','Banner3','Banner4','Banner5'); 
var jetzt = new Date();
var msec = jetzt.getTime();
var index = msec % banner_array.length;
document.write(banner_array[index]);



als Antwort auf: [#427476]
(Dieser Beitrag wurde von oesi50 am 11. Dez 2009, 22:04 geändert)

Banner-Rotation Zufall & Rotation mit Javascript?

maxiffm
Beiträge gesamt: 11

12. Dez 2009, 00:06
Beitrag # 13 von 21
Beitrag ID: #427500
Bewertung:
(17541 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo oesi,

ganz so einfach ist die sache nun nicht....es soll eine banner-rotation angezeigt werden, aber so, dass sich bei jedem neuladen der seite der startbanner als zufallbanner angezeigt wird.

die rotation geht, aber das problem ist der zufallsbanner beim neuladen.

habe mal das script online gestellt:
http://www.logfile.me/zufall.html

hast du für dieses ploblem eine lösung ?

bin für jede helfte dankbar....

viele grüße aus frankfurt

maxi


als Antwort auf: [#427489]

Banner-Rotation Zufall & Rotation mit Javascript?

oesi50
  
Beiträge gesamt: 2315

12. Dez 2009, 00:18
Beitrag # 14 von 21
Beitrag ID: #427501
Bewertung:
(17536 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
s.o.

Die Lösung steht genau über deinem Beitrag.

Im Anhang hab ich auch mal ein komplettes Beispiel.


als Antwort auf: [#427500]
Anhang:
banner.html (1.29 KB)

Banner-Rotation Zufall & Rotation mit Javascript?

maxiffm
Beiträge gesamt: 11

12. Dez 2009, 00:47
Beitrag # 15 von 21
Beitrag ID: #427506
Bewertung:
(17520 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
man oesi, du bist der "GRÖßTE" !!!!


genauso hab ich es gesucht.....wie kann ich dir danke.....???

wie kann ich das bei dir gut machen ??

brauchst du backlinks?? flasche guten grappa ;-)

dachte schon ehrlich gesagt, dass es keine lösung für meinen bannerwunsch gibt.....

habe in 5 foren gepostet, viele haben sich mühe gegeben, aber die 100% lösung ist dein script !!!

dank danke danke........!!!!

hoffe dass ich ohne probleme die imgs einbauen kann, frau ist nicht so von fach....aber das wird schon klappen.....



also oesi, du hast drei wünsche frei !

liebe grüße aus frankfurt

maxi


als Antwort auf: [#427501]
X