dominique: Schrift vergroessern und wieder verkleinern

SELF-Forum

Schrift vergroessern und wieder verkleinern

dominique
– Informationen zu den Bewertungsregeln

Hallo alle zusammen,

ich habe da ein kleines Problem, was mich schon seit einiger Zeit beansprucht.
Ich möchte eine Funktion schreiben, die einen bestimmten Text erst vergroessert und danach wieder verkleinert. Ich habe eine Funktion von einem Freund erhalten, nur verstehe ich leider den Quellcode nicht ganz. Kann mir jemand weiterhelfen??

Vielen Dank im vorraus

Dominique

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Schrift vergroessern und wieder verkleinern

    Andreas Roth
    – Informationen zu den Bewertungsregeln

    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??

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Schrift vergroessern und wieder verkleinern

      Dominique
      – Informationen zu den Bewertungsregeln

      <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??

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln