/********************************************************************************** * NewsSlideFade * Copyright (C) 2001 Thomas Brattli * This script was released at DHTMLCentral.com * Visit for more great scripts! * This may be used and changed freely as long as this msg is intact! * We will also appreciate any links you could give us. * * Made by Thomas Brattli * * Script date: 09/04/2001 (keep this date to check versions) ********************************************************************************* * Edited by D.Abromeit in order to use PHP-Dynamics * Version: 2008-02-13 03:35h *********************************************************************************/ function lib_bwcheck(){ //Browsercheck (needed) this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=(navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?1:0 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf("Mac")>-1 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5) return this } var bw=lib_bwcheck() /*************************************************************************** Use the style tag to change the placement and width of the layers. If you are trying to place this into a table cell or something make the position of the >News< layer relative...Remeber that that might crash Netscape 4 though, Good luck! ********************************************************************************/ /**** Variables to set ****/ //How do you want the script to work? //0 = Fade in - Fade out //1 = Slide in - Fade out //2 = Random nWorks = 0 //If you use the slide set these variables: nSlidespeed = 5 //in px nNewsheight = 80 //This is how long down it should start the slide. nBetweendelay = 4000 //The delay before fading out. nFont = 'Arial, Helvetica, sans-serif' //The font for the news. nFontsize = 12 //Font size in pixel. nFadespeed = 30 //The speed to fade in, in milliseconds. //Set the colors, first color is same as background, last color is the color it stops at: //You can have as many colors you want nColor=new Array('#2B2B2B', '#6E6F6E','#8E8F8E', '#AEAFAE', '#CECFCE') //nColor=new Array('#2B2B2B', '#6B6B6B','#ABABAB', '#EBEBEB', '#FFFFFF') //This is the news you wanna have, set the link and the text. //If you don't wan't it to link anywhere use a # as the link. nNews=new Array() //Copy there three lines and change the info and numbers to get more news. nNews[0]=new Array() nNews[0]["text"]=" : : FirmamentKrieger : : " nNews[0]["link"]="#" nNews[1]=new Array() nNews[1]["text"]="06.05.09 > Wieder mal ein Serverumzug, man beachte unbedingt den korrespondierenden Foreneintrag!" nNews[1]["link"]="#" nNews[2]=new Array() nNews[2]["text"]="19.01.08 > Melde dich an und gewinne ein FK T-Shirt!" nNews[2]["link"]="#" nNews[3]=new Array() nNews[3]["text"]="18.01.08 > FK Voice-Mailbox auf MySpace online, quatscht uns die Ohren weg!" nNews[3]["link"]="#" nNews[4]=new Array() nNews[4]["text"]="15.01.08 > Promopic-Session "Marsch zum Firmament" online" nNews[4]["link"]="#" nNews[5]=new Array() nNews[5]["text"]="09.01.08 > 24h Seitenausfall, aber alles wieder im Lot. Neue Wallpapers online." nNews[5]["link"]="#" nNews[6]=new Array() nNews[6]["text"]="06.12.07 > Lyrics & Wallpaper für FK gesucht" nNews[6]["link"]="#" nNews[7]=new Array() nNews[7]["text"]="04.12.07 > Leichenwetter ist übervoted" nNews[7]["link"]="#" nNews[8]=new Array() nNews[8]["text"]="17.11.07 > Erste Promobilder sind jetzt für die Öffentlichkeit zugänglich" nNews[8]["link"]="#" nNews[9]=new Array() nNews[9]["text"]="15.11.07 > SMS-Newsletter eingeführt" nNews[9]["link"]="#" nNews[10]=new Array() nNews[10]["text"]="08.11.07 > Die Pforte tut sich auf..." nNews[10]["link"]="#" nNews[11]=new Array() nNews[11]["text"]="Angebote? Buchen? Mitmachen? Melden!" nNews[11]["link"]="#" /******************************************************************************** Object code...Object constructors and functions... ********************************************************************************/ function makeNewsObj(obj,nest,font,size,color,news,fadespeed,betweendelay,slidespeed,works,newsheight){ nest=(!nest) ? "":'document.'+nest+'.' this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0; this.writeref=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj+".document"):0; if(font){this.color=new Array(); this.color=eval(color); this.news=new Array(); this.news=eval(news) this.font=font; this.size=size; this.speed=fadespeed; this.delay=betweendelay; this.newsheight=newsheight; this.fadeIn=b_fadeIn;this.fadeOut=b_fadeOut; this.newsWrite=b_newsWrite; this.y=1 this.slideIn=b_slideIn; this.moveIt=b_moveIt; this.slideSpeed=slidespeed; this.works=works if(bw.dom || bw.ie4){this.css.fontFamily=this.font; this.css.fontSize=this.size; this.css.color=this.color[0]} } this.obj = obj + "Object"; eval(this.obj + "=this"); return this } // A unit of measure that will be added when setting the position of a layer. var px = bw.ns4||window.opera?"":"px"; function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x+px; this.css.top=this.y+px;} function b_newsWrite(num,i){ if (bw.ns4){ this.writeref.write("" +""+this.news[num]['text']+"") this.writeref.close() }else this.writeref.innerHTML = ''+this.news[num]['text']+'' } //Slide in function b_slideIn(num,i){ if (this.y>0){ if (i==0){this.moveIt(0,this.newsheight); this.newsWrite(num,this.color.length-1)} this.moveIt(this.x,this.y-this.slideSpeed) i ++ setTimeout(this.obj+".slideIn("+num+","+i+");",50) }else setTimeout(this.obj+".fadeOut("+num+","+(this.color.length-1)+")",this.delay) } //The fade functions function b_fadeIn(num,i){ if (i=0){ if (i==0 || bw.ns4) this.newsWrite(num,i) else{ obj = bw.ie4?eval(this.obj+"link"):document.getElementById(this.obj+"link") obj.style.color = this.color[i] } i -- setTimeout(this.obj+".fadeOut("+num+","+i+")",this.speed) }else{ num ++ if(num==this.news.length) num=0 works = !this.works?0:this.works==1?1:Math.round(Math.random()) if(works==0) setTimeout(this.obj+".fadeIn("+num+",0)",500) else if (works==1){this.y=1; setTimeout(this.obj+".slideIn("+num+",0)",500) } } } /******************************************************************************************** The init function. Calls the object constructor and set some properties and starts the fade *********************************************************************************************/ function fadeInit(){ oNews = new makeNewsObj('jsnewscontent','jsnews',nFont,nFontsize,"nColor","nNews",nFadespeed,nBetweendelay,nSlidespeed,nWorks,nNewsheight) oNewsCont = new makeNewsObj('jsnews') works = !oNews.works?0:oNews.works==1?1:Math.round(Math.random()) if (works==0) oNews.fadeIn(0,0) else if (works==1) oNews.slideIn(0,0) oNewsCont.css.visibility = "visible" }