Multi banner rotation

Status
Niet open voor verdere reacties.
G

Guardian

Gebruiker
Lid geworden
16 mei 2007
Berichten
33
Goededag,

Als eerst weet ik niet of ik hier goed zit, maar dat hoor ik vanzelf wel:thumb:
Ik ben nou al een aantal dagen opzoek naar een goede banner rotation script, maar het mag helaas niet lukken.
Als eerst zal ik laten zien waar ik naar op zoek ben.

----------------------------------------------------------------(Battlefield 2 servers)-----------------------------------------------------------
b_160x400_T1_F-1-2-3.png
b_160x400_T1_F-1-2-3.png


----------------------------------------------------------------(Team Fortress 2 servers)-----------------------------------------------------------
b_160x400_T1_F-1-2-3.png
b_160x400_T1_F-1-2-3.png


----------------------------------------------------------------(Left 4 dead servers)-----------------------------------------------------------

----------------------------------------------------------------(Counterstrike servers)-----------------------------------------------------------

----------------------------------------------------------------(Killing Floor servers)-----------------------------------------------------------

Dus, als eerst wil ik Load 1 deze zal na zo'n 30 sec redirect naar Load 2 enz enz.
Ook zou achter elke banner een link moeten zitten die naar een website verwijst.

Ik hoop dat iemand mij hierbij kan helpen, en dat ik het allemaal goed heb uitgelegd.

Mvg,
Guardian
 
ik snap je vraag niet helemaal. Daarbij zijn banner-rotatie-scripts nogal veel te vinden online. Maargoed, omdat jij t bent:
PHP: 
//javascripts
//banner rotatie script door Vegras

var items = [];
items[0] = ["plaatje1.jpg","http://google.com"];
items[1] = ["plaatje2.jpg","http://google.com"];
items[2] = ["plaatje3.jpg","http://google.com"];


var elem = document.getElementById('ding');
var current = 0;
var max = items.length - 1;

function update()
{

   current++;
   if(current > max)
   {
      current = 0;
   }

   elem.innerHTML = "<a href='" + items[current][1] + "'><img src='" + items[current][0] + "'></a>";

   setTimeout("update();",1000*30);
}

update();
HTML: 
<div id='ding'></div>
(uit het hoofd en ongetest!)

:thumb:
 
Beste Vegras,

Ik begrijp dat er veel banner rotation scripts te vinden zijn.
Alleen deze zijn geschikt voor het voorbeeld wat jij laat zien.

PHP: 
//javascripts
//banner rotatie script door Vegras
 
var items = [];
items[0] = ["plaatje1.jpg","http://google.com"];
items[1] = ["plaatje2.jpg","http://google.com"];
items[2] = ["plaatje3.jpg","http://google.com"];
 
 
var elem = document.getElementById('ding');
var current = 0;
var max = items.length - 1;
 
function update()
{
 
   current++;
   if(current > max)
   {
      current = 0;
   }
 
   elem.innerHTML = "<a href='" + items[current][1] + "'><img src='" + items[current][0] + "'></a>";
 
   setTimeout("update();",1000*30);
}
 
update();

wat mijn bedoeling is op per spel meerdere servers te tonen. Zou het misschien ook zo kunnen ? (Ik ben een totale n00b op het gebied van php/scripts:o)

PHP: 
//javascripts
//banner rotatie script door Vegras
 
var items = [];
items[0] = ["Battlefield 1.jpg","http://google.com"]; ["Battlefield 2.jpg","http://google.com"]; ["Battlefield 3.jpg","http://google.com"]
items[1] = ["Left 4 dead 1.jpg","http://google.com"]; ["Left 4 dead 2.jpg","http://google.com"]; ["Left 3 deadd 3.jpg","http://google.com"]
items[2] = ["Team Fortress 2 1.jpg","http://google.com"]; ["Team Fortress 2 2.jpg","http://google.com"]; ["Team Fortress 2 3.jpg","http://google.com"]
 
 
var elem = document.getElementById('ding');
var current = 0;
var max = items.length - 1;
 
function update()
{
 
   current++;
   if(current > max)
   {
      current = 0;
   }
 
   elem.innerHTML = "<a href='" + items[current][1] + "'><img src='" + items[current][0] + "'></a>";
 
   setTimeout("update();",1000*30);
}
 
update();

Ik hoor het graag van je.
 
je bedoelt meerdere plaatjes tegelijkertijd?

Ja, zoiets:
PHP: 
// javascripts voor Guardian
// banner rotatie script door Vegras
 
var items = [];

items[0] = [];
items[0][0] = ['battlefield1.jpg','http://google.com'];
items[0][1] = ['battlefield2.jpg','http://google.com'];

items[1] = [];
items[1][0] = ['x1.jpg','http://google.com'];
items[1][1] = ['x2.jpg','http://google.com'];
items[1][2] = ['x3.jpg','http://google.com'];

items[2] = [];
items[2][0] = ['y1.jpg','http://google.com'];
items[2][1] = ['y2.jpg','http://google.com'];

items[3] = [];
items[3][0] = ['z1.jpg','http://google.com'];
//etc.

 
var elem = document.getElementById('ding');
var current = 0;
var max = items.length - 1;
 
function update()
{
 
   current++;
   if(current > max)
   {
      current = 0;
   }
 
   elem.innerHTML = '';
   for(var i=0;i<items[current].length;i++){
      elem.innerHTML += "<a href='" + items[current][i][1] + "'><img src='" + items[current][i][0] + "'></a>";
   }
 
   setTimeout("update();",1000*30);
}
 
update();
HTML: 
<div id='ding'></div>
nogmaals, ongetest enzo. Maar dit is het idee.
 
Laatst bewerkt:
Bedankt Vegras,

Excuses voor de trage reactie dit i.v.m. examens.
Echter blijk het niet helemaal te werken:

Ik heb het volgende opgeslagen als ding.js / ding.php
PHP: 
// javascripts voor Guardian
// banner rotatie script door Vegras

var items = [];
 
items[0] = [];
items[0][0] = ['http://cache.www.gametracker.com/server_info/84.244.138.123:16567/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/84.244.138.123:16567/'];
items[0][1] = ['http://cache.www.gametracker.com/server_info/75.102.47.14:16567/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.14:16567/'];
items[0][2] = ['http://cache.www.gametracker.com/server_info/75.102.47.158:16567/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.158:16567/'];
items[0][3] = ['http://cache.www.gametracker.com/server_info/75.102.47.157:14567/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.157:14567/'];

items[1] = [];
items[1][0] = ['http://cache.www.gametracker.com/server_info/75.102.47.14:27115/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.14:27115/'];
items[1][1] = ['http://cache.www.gametracker.com/server_info/75.102.47.158:27115/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.158:27115/'];
items[1][2] = ['http://cache.www.gametracker.com/server_info/75.102.47.159:27115/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.159:27115/'];
items[1][3] = ['http://cache.www.gametracker.com/server_info/75.102.47.160:27115/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.160:27115/'];
items[1][4] = ['http://cache.www.gametracker.com/server_info/75.102.47.161:27115/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.161:27115/'];
 
items[2] = [];
items[2][0] = ['http://cache.www.gametracker.com/server_info/75.102.47.14:27015/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.14:27015/'];
items[2][1] = ['http://cache.www.gametracker.com/server_info/75.102.47.161:27015/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.161:27015/'];
items[2][2] = ['http://cache.www.gametracker.com/server_info/75.102.47.162:7707/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.162:7707/'];
items[2][3] = ['http://cache.www.gametracker.com/server_info/75.102.47.160:7707/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.160:7707/'];
 
items[3] = [];
items[3][0] = ['http://cache.www.gametracker.com/server_info/75.102.47.159:28960/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.159:28960/'];
items[3][1] = ['http://cache.www.gametracker.com/server_info/75.102.47.162:28960/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.162:28960/'];
items[3][2] = ['http://cache.www.gametracker.com/server_info/75.102.47.159:27015/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.159:27015/'];
 
 
var elem = document.getElementById('ding');
var current = 0;
var max = items.length - 1;
 
function update()
{
 
   current++;
   if(current > max)
   {
      current = 0;
   }
 
   elem.innerHTML = '';
   for(var i=0;i<items[current].length;i++){
      elem.innerHTML += "<a href='" + items[current][i][1] + "'><img src='" + items[current][i][0] + "'></a>";
   }
 
   setTimeout("update();",1000*30);
}
 
update();

Het volgende heb ik toegevoegd aan mijn index.html
PHP: 
<div id='ding'></div>

Heb ik wat verkeerd gedaan?
Maar dit is precies waar ik opzoek naar ben, in ieder geval hartelijk dank.:thumb:

mvg,
Guardian
 
Laatst bewerkt:
ohrightmybad:
het is wel de bedoeling dat de code ONDER het div element staat. Nu kan het zijn dat je dat liever niet hebt, in dat geval moet je een 'body-onload' gebruiken. Anyway, dit heb ik als testscript:
HTML: 
<html>
<head>
</head>

<body>

   <div id="stuffs">
      wasd
   </div>

<!-- noot dus dat het script onder de div staat -->

<script type='text/javascript'>

var items = [];
 
items[0] = [];
items[0][0] = ['http://cache.www.gametracker.com/server_info/84.244.138.123:16567/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/84.244.138.123:16567/'];
items[0][1] = ['http://cache.www.gametracker.com/server_info/75.102.47.14:16567/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.14:16567/'];
items[0][2] = ['http://cache.www.gametracker.com/server_info/75.102.47.158:16567/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.158:16567/'];
items[0][3] = ['http://cache.www.gametracker.com/server_info/75.102.47.157:14567/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.157:14567/'];
 
items[1] = [];
items[1][0] = ['http://cache.www.gametracker.com/server_info/75.102.47.14:27115/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.14:27115/'];
items[1][1] = ['http://cache.www.gametracker.com/server_info/75.102.47.158:27115/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.158:27115/'];
items[1][2] = ['http://cache.www.gametracker.com/server_info/75.102.47.159:27115/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.159:27115/'];
items[1][3] = ['http://cache.www.gametracker.com/server_info/75.102.47.160:27115/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.160:27115/'];
items[1][4] = ['http://cache.www.gametracker.com/server_info/75.102.47.161:27115/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.161:27115/'];
 
items[2] = [];
items[2][0] = ['http://cache.www.gametracker.com/server_info/75.102.47.14:27015/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.14:27015/'];
items[2][1] = ['http://cache.www.gametracker.com/server_info/75.102.47.161:27015/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.161:27015/'];
items[2][2] = ['http://cache.www.gametracker.com/server_info/75.102.47.162:7707/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.162:7707/'];
items[2][3] = ['http://cache.www.gametracker.com/server_info/75.102.47.160:7707/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.160:7707/'];
 
items[3] = [];
items[3][0] = ['http://cache.www.gametracker.com/server_info/75.102.47.159:28960/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.159:28960/'];
items[3][1] = ['http://cache.www.gametracker.com/server_info/75.102.47.162:28960/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.162:28960/'];
items[3][2] = ['http://cache.www.gametracker.com/server_info/75.102.47.159:27015/b_160x400_T1_F-1-2-3.png','http://www.gametracker.com/server_info/75.102.47.159:27015/'];

var elem = document.getElementById("stuffs");
var current = 0;
var max = items.length - 1;
var i;

update = function()
{
   current++;
   if(current > max)
   {
      current = 0;
   }
   elem.innerHTML = "";
   for(i=0;i<items[current].length;i++){
      elem.innerHTML = "<a href='" + items[current][i][1] + "'><img src='" + items[current][i][0] + "'></a>";
   }
 
   setTimeout("update();",1000*30);

}
update();

</script>
</body>
</html>
Het is een stuk makkelijker als je het in een los js-bestand doet en het dan als tag aanroept met als src-prop je file.

:thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan