advertenties automatisch laten wisselen

  • Onderwerp starter Onderwerp starter syko
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
S

syko

Gebruiker
Lid geworden
30 jun 2009
Berichten
7
hallo allemaal,

ik ben bezig een website aan het opzetten in html,
nu heb ik 4 afbeeldingen die afgewisseld moeten worden per 5 seconden ofzo
alleen ik heb geen flauw idee hoe ik dit moet aanpakken

het zijn afbeeldingen van product a ,product b en product c en product d
het moet ook een vaste ruimte hebben nu mijn site in html is weet ik niet of ik dit helemaal moet omgooien ? en hoe dit allemaal moet,
kan iemand mij hierin begeleiden of maken want ik ken heel javascript niet

ik heb via zoeken wel een paar artikelen gevonden die er op lijken
maar het net niet zijn ik heb deze geprobeert toe te passen maar dat werkte op de een of
andere manier niet

met vriendelijke groet

syko
 
[JS]var stuffs = ['1.jpg','2.jpg','3.jpg','4.jpg'];
var len = stuffs.length;
var cur = 0;


function doFunc()
{
cur++;
if(cur > len)
{
cur = 0;
}

document.getElementById('hier').innerHTML = "<img src='" + stuffs[cur] + "' />";

setTimeout(doFunc,5000);
}

doFunc();
[/JS]
HTML: 
<div id='hier'></div>
zoiets is het plan
 
Vegras zei:
[JS]var stuffs = ['1.jpg','2.jpg','3.jpg','4.jpg'];
var len = stuffs.length;
var cur = 0;


function doFunc()
{
cur++;
if(cur > len)
{
cur = 0;
}

document.getElementById('hier').innerHTML = "<img src='" + stuffs[cur] + "' />";

setTimeout(doFunc,5000);
}

doFunc();
[/JS]
HTML: 
<div id='hier'></div>
zoiets is het plan
Klik om te vergroten...


ik heb dit geprobeerd maar ik denk dat ik iets fout doe want hij pakt geen enkele afbeelding , ik heb met java script dan ook geen ervaring helaas

zou u misschien neer kunnen zette waar de link met de afbeelding hoort te komen ?

bv http://www.jouwdomein.nl/test1.jpg

zo had ik het net ingevoerd maar er gebeurde niks :S

code geplakt in het stukje welke een rechthoek is waar de advertenties in komen te staan
dus ik weet niet wat ik verkeerd doe ?
 
Je pagina moet er zo ongeveer uit komen te zien:
HTML: 
<html>
<head>
<script type="text/javascript">
var stuffs = ['1.jpg','2.jpg','3.jpg','4.jpg']; //hier moet je het pad naar en de bestandsnamen van de plaatjes zetten, als de plaatjes in dezelfde map staan als de webpagina kan je volstaan met de bestandsnamen
var len = stuffs.length;
var cur = 0;

function doFunc()
{
   cur++;
   if(cur > len)
   {
      cur = 0;
   }
 
   document.getElementById('hier').innerHTML = "<img src='" + stuffs[cur] + "' />";
 
   setTimeout(doFunc,5000);
}
</script>
<title>de titel</title>
</head>
<body onLoad="doFunc()">
wat tekst
<div id="hier">hier komen de afbeeldingen te staan</div>
nog meer tekst
</body>
</html>
 
Laatst bewerkt:
Supersnail zei:
Je pagina moet er zo ongeveer uit komen te zien:
HTML: 
<html>
<head>
<script type="text/javascript">
var stuffs = ['1.jpg','2.jpg','3.jpg','4.jpg']; //hier moet je het pad naar en de bestandsnamen van de plaatjes zetten, als de plaatjes in dezelfde map staan als de webpagina kan je volstaan met de bestandsnamen
var len = stuffs.length;
var cur = 0;

function doFunc()
{
   cur++;
   if(cur > len)
   {
      cur = 0;
   }
 
   document.getElementById('hier').innerHTML = "<img src='" + stuffs[cur] + "' />";
 
   setTimeout(doFunc,5000);
}
</script>
<title>de titel</title>
</head>
<body onLoad="doFunc()">
wat tekst
<div id="hier">hier komen de afbeeldingen te staan</div>
nog meer tekst
</body>
</html>
Klik om te vergroten...

ik heb geprobeerd om deze in mijn html pagina te stoppen maar dan komt het er heel vreemd uit te zien
ik weet dus niet goed hoe ik deze moet integreren in de bestaande html pagina
kun t u mij daarbij helpen ?
 
In je bestaande pagina:
zet deze code ergens tussen de <body> tags:
HTML: 
<script type="text/javascript">
var stuffs = ['1.jpg','2.jpg','3.jpg','4.jpg']; //hier moet je het pad naar en de bestandsnamen van de plaatjes zetten, als de plaatjes in dezelfde map staan als de webpagina kan je volstaan met de bestandsnamen
var len = stuffs.length;
var cur = 0;
 
function doFunc()
{
   cur++;
   if(cur > len)
   {
      cur = 0;
   }
 
   document.getElementById('hier').innerHTML = "<img src='" + stuffs[cur] + "' />";
 
   setTimeout(doFunc,5000);
}

window.onload = doFunc;
</script>
en op de plek waar de plaatjes moeten komen, deze code:
HTML: 
<div id="hier">hier komen de afbeeldingen te staan</div>
 
Vegras zei:
In je bestaande pagina:
zet deze code ergens tussen de <body> tags:
HTML: 
<script type="text/javascript">
var stuffs = ['1.jpg','2.jpg','3.jpg','4.jpg']; //hier moet je het pad naar en de bestandsnamen van de plaatjes zetten, als de plaatjes in dezelfde map staan als de webpagina kan je volstaan met de bestandsnamen
var len = stuffs.length;
var cur = 0;
 
function doFunc()
{
   cur++;
   if(cur > len)
   {
      cur = 0;
   }
 
   document.getElementById('hier').innerHTML = "<img src='" + stuffs[cur] + "' />";
 
   setTimeout(doFunc,5000);
}

window.onload = doFunc;
</script>
en op de plek waar de plaatjes moeten komen, deze code:
HTML: 
<div id="hier">hier komen de afbeeldingen te staan</div>
Klik om te vergroten...

oke bedankt zal het het nu nog eens proberen
 
mhwa, ik zet zelf altijd javascript onderaan de pagina. Maakt tegenwoordig niet meer zoveel uit, behalve dat a). je direct calls kan maken via bv. getElementById en b). je html (display) al geladen is, voordat de browser bezig gaat met JS.


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

Nieuwste berichten

Terug
Bovenaan Onderaan