jQuery: animate backgroundColor

Mercoledì 15 Ottobre, 2008

Non ho capito bene se è un bug o una cosa voluta, comunque sia rimane il fatto che il metodo animate() di jQuery non funziona con alcuni attributi CSS, tra cui background-color (che nella versione camelize è backgroundColor). Ad esempio il seguente codice non produce nessun effetto:

PLAIN TEXT
HTML:
  1. <style type="text/css">
  2. div#box { background-color: #eee; width:100px; height:100px }
  3. </style>
  4. <!-- .... -->
  5. <div id="box"></div>

PLAIN TEXT
JavaScript:
  1. $('div#box').animate( {backgroundColor: "#f90"} );

Per risolvere il problema è necessario installare un'estensione: jQuery Color Animations. Questa permette di eseguire "animazioni" sull'attributo backgroundColor e non solo:

  • backgroundColor
  • borderBottomColor
  • borderLeftColor
  • borderRightColor
  • borderTopColor
  • color
  • outlineColor

Post correlati

Tags: , , , , , , , , , ,
Pubblicato in Internet, Javascript, Sviluppo, jQuery | 4 commenti »

Flash CS3: un baco testuale

Martedì 12 Febbraio, 2008

Lavorando con il testo statico ho scoperto un cuorioso difetto su Adobe Flash CS3 Professional. Inserendo un testo statico in un filmato e inclinandolo (skew), si ottengono risultati diversi, quando si manda in esecuzione il filmato, in base all'impostazione dell'antialiasing:

Flash CS3 bug text

Nell'ambiente authoring di Flash, invece, l'anteprima è identica per entrambe le scelte di antialiasing. Nell'esempio mostrato qui sopra ho usato un Font Arial. Tuttavia il problema si presenta con qualsiasi Font, anche quelle Bitmap. Lo stesso difetto si presenta anche inserendo il testo statico all'interno di un MovieClip e inclinando quest'ultimo invece del testo vero e proprio. (??)

Post correlati

Tags: , , , , , ,
Pubblicato in Flash CS3, Software | Nessun commento »