Plak dit tussen de <head> tags
<script> <!-- Beginning of JavaScript - // Verander hieronder de tekst, je kunt er net zoveel toevoegen als je wilt var message = new Array() message[0]="Deze multifunctionele ticker banner is erg handig voor op je site,ruimtebesparend, en geeft zeker een proffessionele aanblik" message[1]="Je kunt er zowel tekst als afbeeldingen in plaatsen en je kunt de teskt die je weergeeft een link meegeven." message[2]="Eenvoudig aan te passen en te configureren naar eigen wensen.(grootte, positie, kleur, lettertype, aantal etc. ) echt een toppertje" // verander hieronder de links ( evenredig aan het aantal messages ) // wil je geen link, vul dan '#' in plaats van de URL var messageurl = new Array() messageurl[0]="http://www.biedie.nl" messageurl[1]="http://www.biedie.nl" messageurl[2]="http://www.biedie.nl" // de plaatjes behorende bij de messages var messageimg = new Array() messageimg[0]="Mariah1.jpg" messageimg[1]="Mariah2.jpg" messageimg[2]="Mariah3.jpg" // verander hier niets aan var imgpreload=new Array() for (i=0;i<=messageimg.length-1;i++) { imgpreload[i]=new Image() imgpreload[i].src=messageimg[i] } // uitlijning van het plaatje ten opzichte van de tekst(right or left) var alignimg=new Array() alignimg[0]="left" alignimg[1]="right" alignimg[2]="left" // uitlijning van de message in relatie van de tekstbox (right or left) var alignmessage=new Array() alignmessage[0]="right" alignmessage[1]="left" alignmessage[2]="left" // target waar de link in moet openen var target_url="_new" // de breedte van de ticker banner var textwidth=280 // de hoogte van de ticker banner var textheight=120 // de randdikte van de ticker banner var borderwidth=0 // de grootte van het lettertype var font_size=1 // het lettertype var font_face="Verdana" // de letterkleur var font_color="blue" // de achtergrondkleur van de ticker banner var bg_ticker="CCFFCC" // de horizontale positie van de ticker banner t.o.v. de linkerkant van de pagina (in pixels ) var x_finalpos=10 // de vertikale positie van de ticker banner t.o.v. de bovenkant van de pagina (in pixels ) var y_finalpos=10 // aantal lamellen. var x_slices=16 // Pauze tussen de messages (in milliseconds) var pause=1000 // verander hieronder niets meer var i_loop=0 var i_message=0 var width_slice=Math.ceil(textwidth/x_slices) var cliptop=0 var clipbottom=textheight var i_clipright=1 var content="" function initiate() { content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">" content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">" content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>" content+="<a href="+messageurl[i_message]+" target="+target_url+">" content+="<font face="+font_face+" size="+font_size+" color="+font_color+">" content+=message[i_message] content+="</font></a></td></tr></table>" if (document.all) { for (i=0;i<=x_slices;i++) { var thisinners=eval("s"+i) thisinners.innerHTML=content var thiss=eval("document.all.s"+i+".style") thiss.posLeft=x_finalpos thiss.posTop=y_finalpos } i_message++ openlamellar() } if (document.layers) { for (i=0;i<=x_slices;i++) { var thisinners=eval("document.s"+i+".document") thisinners.write(content) thisinners.close() var thiss=eval("document.s"+i) thiss.left=x_finalpos thiss.top=y_finalpos } i_message++ openlamellarNN() } } function openlamellar() { clipleft=-width_slice clipright=0 if (i_clipright<=width_slice) { for (i=0;i<=x_slices;i++) { var thiss=eval("document.all.s"+i+".style") thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" clipleft+=width_slice clipright=clipleft+i_clipright } i_clipright++ var timer=setTimeout("openlamellar()",20) } else { clearTimeout(timer) var timer=setTimeout("closelamellar()",4000) } } function openlamellarNN() { clipleft=-width_slice clipright=0 if (i_clipright<=width_slice) { for (i=0;i<=x_slices;i++) { var thiss=eval("document.s"+i) thiss.clip.left=clipleft thiss.clip.right=clipright thiss.clip.top=cliptop thiss.clip.bottom=clipbottom clipleft+=width_slice clipright=clipleft+i_clipright } i_clipright++ var timer=setTimeout("openlamellarNN()",20) } else { clearTimeout(timer) var timer=setTimeout("closelamellarNN()",1500) } } function closelamellar() { clipleft=-width_slice clipright=0 if (i_clipright>=0) { for (i=0;i<=x_slices;i++) { var thiss=eval("document.all.s"+i+".style") thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" clipleft+=width_slice clipright=clipleft+i_clipright } i_clipright-- var timer=setTimeout("closelamellar()",20) } else { clearTimeout(timer) var timer=setTimeout("changeimage()",1500) } } function closelamellarNN() { clipleft=-width_slice clipright=0 if (i_clipright>=0) { for (i=0;i<=x_slices;i++) { var thiss=eval("document.s"+i) thiss.clip.left=clipleft thiss.clip.right=clipright thiss.clip.top=cliptop thiss.clip.bottom=clipbottom clipleft+=width_slice clipright=clipleft+i_clipright } i_clipright-- var timer=setTimeout("closelamellarNN()",20) } else { clearTimeout(timer) var timer=setTimeout("changeimageNN()",1500) } } function changeimage() { content="" if (i_message>message.length-1) {i_message=0} content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">" content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">" content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>" content+="<a href="+messageurl[i_message]+" target="+target_url+">" content+="<font face="+font_face+" size="+font_size+" color="+font_color+">" content+=message[i_message] content+="</font></a></td></tr></table>" for (i=0;i<=x_slices;i++) { var thisinners=eval("s"+i) thisinners.innerHTML=content } i_message++ openlamellar() } function changeimageNN() { content="" if (i_message>message.length-1) {i_message=0} content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">" content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">" content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>" content+="<a href="+messageurl[i_message]+" target="+target_url+">" content+="<font face="+font_face+" size="+font_size+" color="+font_color+">" content+=message[i_message] content+="</font></a></td></tr></table>" for (i=0;i<=x_slices;i++) { var thisinners=eval("document.s"+i+".document") thisinners.write(content) thisinners.close() } i_message++ openlamellarNN() } // - End of JavaScript - --> </script> <style> .s { position:absolute; left:-5000px; topt:-5000px; } A { text-decoration:none; } </style>
Plak dit als body-onload ipv 1e <body> tag
Plak dit tussen de <body> tags
<script> <!-- Beginning of JavaScript - for (i=0;i<=x_slices;i++) { document.write("<span id='s"+i+"' class='s'></span>") } // - End of JavaScript - --> </script>