Incrementar valor en atributo css

[KarlanKas]

Antes permíteme que te explique qué hace el comando eval. Eval evalúa (valga la redundancia) una cadena de texto como si fuera código. Esto no tendría mayor enjundia si no fuera porque se pueden emplear variables para realizar esa cadena de texto.

Así, si ponemos este código:

<script>
pepe="alcachofa";
juan="pepe";

alert(juan)
</script>

aparecerá una alerta con el texto "pepe" en su interior. Pero si ponemos:

<script>
pepe="alcachofa";
juan="pepe";

eval("alert("+juan+")");
</script>

aparecerá una alerta con el texto "alcachofa". ¿Por qué? porque eval considera el contenido de juan (pepe) como una variable, la variable pepe. Y el contenido de pepe es "alcachofa".

Expicado esto vamos con el t. Cada uno de las capas debe tener un tamaño de fuente distinto ya que si no emplearían la misma variable para el tamaño del texto. Y si ampliamos una de las fuentes hasta 100 al ir a aumentar el tamaño de la fuente de la otra capa nos encontraremos con que ésta parte del tamaño 100. Es por eso que tenemos que poner una variable para el tamaño de fuente de cada capa.

Ahora unimos las dos cosas:

al poner esta sentencia:

eval("t"+que+"+=cuanto");

estamos modificando las variables ttexto y ttexto2 ("t"+contenido de que que puede ser o "texto" o "texto2")añadiéndoles el contenido de cuanto.

Luego para no estar con el eval para arriba y para abajo lo pasamos a una variable normal, es decir, tamanioFuente:

tamanioFuente=eval("t"+que);

Si te fijas en el comienzo del script hay 2 variables definidas: ttexto y ttexto2, en previsión de su próximo uso de la forma que te he indicado antes.

No sé si me he explicado bien. Si no lo he hecho comprensible por favor, hazmelo saber.

Un saludo!