Dominique: Schrift vergroessern und wieder verkleinern

Beitrag lesen

<script language="JavaScript">

<!--

//text setzen: (fade+wechsel der farben beim letzten array)
text=new Array('ONE','two','TREE','ende gelände')
//wie viele texte?
var numText=4
//setzte die fraben wie du lustig bist:
//(die erste farbe ist die, die als erstes gezoomt wird)
color=new Array('#E8E8E8','#C2C2C2','#8E8E8E','#424242','#202020')
//wie viele farben?
var numColors=5
//endgroesse des textes(Xpx), ende des zooms:
var endSize=100
//geschwindigkeit mit der reingezoomt wird (in millisekunden)
var Zspeed=120
//geschwindigkeit der farben (am ende, des letzten textes,der uebergang)
var Cspeed=55
//schriftart waehlen
var font='Verdana'
//nach dem zoom, ebene verstecken? (true or false)
var hide=true

Bis hier versteh ich ihn ja.....ist ja nicht schwer......seufz

/*ab hier besser nichts veraendern :)

######################################################################

######################################################################

######################################################################*/

var size=10

var gonum=0

/*IE oder NS und setze dementsprechend text array + schriftgroesse
######################################################################*/

if (document.all) {

n=0

ie=1

zoomText='document.all.zoom.innerText=text[num]'

zoomSize='document.all.zoom.style.fontSize=size'

closeIt=""

fadeColor="document.all.zoom.style.color=color[num]"

}  

if (document.layers) {

n=1;ie=0

zoomText=""

zoomSize="document.zoom.document.write('<p align="center" style="font-family:'+font+'; font-size:'+size+'px; color:'+color[0]+'">'+text[num]+'</p>')"

closeIt="document.zoom.document.close()"

fadeColor="document.zoom.document.write('<p align="center" style="font-family:'+font+'; font-size:'+endSize+'px; color:'+color[num]+'">'+text[numText-1]+'</p>')"

}  

/*funktion fuer den zoomenden text.

####################################################################*/

function zoom(num,fn){

if (size<endSize){  

eval(zoomText)

eval(zoomSize)

eval(closeIt)

size+=5;

setTimeout("zoom("+num+",'"+fn+"')",Zspeed)

}
             else
             {

eval(fn);

}  

}

/*funktion fuer den abschluss (farbenspiel)

####################################################################*/

function fadeIt(num){

if (num<numColors){  

eval(fadeColor)

eval(closeIt)

num+=1;

setTimeout("fadeIt("+num+")",Cspeed)

}  

else
             {

hideIt()

}  

}

/*verstecken der ebene nach zoomen

####################################################################*/

function hideIt(){

if(hide){  

if(ie)document.all.zoom.style.visibility="hidden"

if(n)document.layers.zoom.visibility="hidden"

}  

}

/*startfunktion, uebergebe die schriftfarbe und die schriftart

####################################################################*/

function init(){

if(ie){  

document.all.zoom.style.color=color[0]

document.all.zoom.style.fontFamily=font}

go(0)  

}

/*die eigentliche zoomfunktion

####################################################################*/
function go(num){

gonum+=1  

size=10  

if(num<numText){  

zoom(num,'go('+gonum+')')

}  

else
             {

fadeIt(0)

}  

}

//####################################################################
//-->

</script>
</HEAD>

<BODY onload="init()" bgcolor="#3333CC" leftmargin="0" rightmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<script language="JavaScript" type="text/javascript">
<!--
//um den zoomenden text zu zentrieren

if (document.layers) {

document.write("<div id="zoom" style="position:absolute; top:150px;" align="center"> </div>")

}

else
  {

document.write("<div id="zoom" style="margin-top:150px" align="center"> </div>")

}

//-->
</script>

Ich möchte diese Funktion umbauen, so das die Schrift auch wieder kleiner wird.....und das hab ich nicht ganz hingekriegt....

wenn du den quelltext mal schickst ;)) dann vieleicht!

Ich habe eine Funktion von einem Freund erhalten, nur verstehe ich leider den Quellcode nicht ganz. Kann mir jemand weiterhelfen??