Citaat:
nEEt schreef:
Ik ben een website voor een vereniging aan het ontwerpen, nu heb ik een vraag over een bepaalt deel van een website die ik laatst op een dit forum tegenkwam. het betreft de website: http://www.esctoday.com , daar zie ik bovenaan de website zo'n kop staan van "shorties", waaronder steeds van die berichten verschijnen. Dit leek mij ook wel leuk om op de website te maken, voor het algemene nieuws, je weet wat ik bedoel. Nu is de vraag: hoe moet dit? Ik hoop dat iemand van jullie dit weet en dit wilt uitleggen.
Alvast bedankt.
nEEt
|
Wat gegarandeerd zou moeten werken in elke browser, zijn div elementen, met het attribuut id die oplopend genummerd zijn.
Om de te laten faden enzo heb je een zeer simpel javascriptje nodig.
Bijv:
Code:
<div id="nieuws1" style="visibility: visible">Nieuwsbericht1</div>
<div id="nieuws2" style="visibility: hidden">Nieuwsbericht2</div>
<div id="nieuws3" style="visibility: hidden">Nieuwsbericht3</div>
En het javascriptje:
Code:
<script type="text/javascript">
var nieuws = 1;
var maxnieuws = 3;
function wissel()
{
document.getElementById( "nieuws" + nieuws.toString( 10 ) ).style.visibility = "hidden";
nieuws == maxnieuws ? nieuws = 1 : nieuws++;
document.getElementById( "nieuws" + nieuws.toString( 10 ) ).style.visibility = "visible";
}
setInterval("wissel()" , 50);
</script>
Het fading scriptje staat wel op esctoday.com
ps: ik heb het scriptje niet getest