Comments on: CSS Crossfading Example

By: Michal

Michal — Wed, 25 Oct 2006 15:15:26 +0000

Nice one!

By: Javascript crossfader / Brand Spanking « mon petit web - chindogu

Javascript crossfader / Brand Spanking « mon petit web - chindogu — Wed, 25 Oct 2006 03:57:23 +0000

[...] getruehbten hauptes muss ich gestehen: anfangs konnte ich mir unter dem croofader nichts genaueres vorstellen, aber so man dass beispiel sieht ist es ne feine sache.offenbar baut ES auf den artikel von ajaxian auf CSS Crossfading Example [...]

By: Brand Spanking New

Brand Spanking New — Mon, 25 Sep 2006 14:11:36 +0000

Javascript / CSS Crossfader

In response to this article at ajaxian.com, and just for the sheer fun of it, here’s a small-footprint object-encapsulated unobtusive javascript crossfader. Download the Crossfader files At 1.7Kb it’s one hundredth of the size of the scriptaculous li…

By: Tim Leonard

Tim Leonard — Fri, 22 Sep 2006 22:53:12 +0000

Again.. another person here agreeing with Dean..

I looked at this and thought “Oh.. scriptaculous…”

Yeah.. it might be neat and tidy… but is this really anything valuable enough to be a point of interest these days?

It’s been done… more than enough times.. and almost anyone into Ajax can hack up a clean cross-fader using CSS and Javascript.

Sorry to put a dampner on things.. but it seems people are making noise about the slightest little things these days… and I want to see some really innovative uses that stretch the barriers. — This unfortunately, does little more than show how to cleanly use Scriptaculous. *yawn*

By: Andres

Andres — Fri, 22 Sep 2006 18:28:05 +0000

A pesar del tamaÃ±o del paquete de archivos que los hacen funcionar (170KB), se trata de un ejemplo bastante visual, con una transcisiÃ³n muy suave.
No es como otros crossfading, que hacen un fundido a blanco para eliminar el primer elemento y pasa al siguiente, en Ã©ste los dos elementos consecutivos se funden entre sÃ.

Bastante Ãºtil!, aunque necesita pasar por una reduciÃ³n de peso del Script.aculo.us y convertirlo en un sÃ³lo .js en formato light.

By: Austoon Daily » CSS Crossfading Example

Austoon Daily » CSS Crossfading Example — Fri, 22 Sep 2006 17:30:49 +0000

[...] CSS Crossfading Example [...]

By: jimbo

jimbo — Fri, 22 Sep 2006 14:36:37 +0000

…Don’t see what the big deal is.
There’s been scripts that did this for years and years…(checks dynamicdrive.com) …. and years and years and years.

example from 2004
http://dynamicdrive.com/dynamicindex2/fadescroll.htm

and I don’t think it’s deserving to use ‘CSS’ as part of the name of this thing.

By: Sentido Web

Sentido Web — Fri, 22 Sep 2006 13:30:19 +0000

Fadding mediante CSS

Se trata de mostrar distintas capas (por ejemplo, noticias) en un mismo recuadro, usando un efecto de fadding entre cada capa. Es necesaria la librerÃa de script.aculo.us para que funcione. Un cÃ³digo sencillo que nos permite hacer un fundido entre…

By: Matte

Matte — Fri, 22 Sep 2006 11:33:08 +0000

The effect is amazing. I believe that one day I’ll try to reduce the Prototype library to the stricly needed by the effect. :-)

By: Mario

Mario — Fri, 22 Sep 2006 11:15:53 +0000

What!?! Is my first comment invisible? 8P
Read Why Chef Boyardee Doesnâ€™t Write Javascript @ Encytemedia
http://encytemedia.com/blog/articles/2006/07/26/why-chef-boyardee-doesnt-write-javascript.

I donâ€™t understand how some developers can miss the point of a js framework. No, you would not use this example with Prototype and Scriptaculous if this crossfade is all you wish to create, but if you have an application built with Scriptaculous and Prototype then why not add these couple lines of code to create a cool effect. Sometimes I think devs get hung up on the filesize (*cough* js compression *cough*) and completely miss the point.

If compression makes you warm and fussy then these links will help.
http://dean.edwards.name/packer/
http://dojotoolkit.org/docs/compressor_system.html
http://www.phpclasses.org/browse/package/3158.html

By: Jason

Jason — Fri, 22 Sep 2006 08:59:51 +0000

AjaxæŠ€æœ¯è®¨è®º â€” æŠ“è™¾

å¹»å½±åŠ¨ç”»çŽ°è±¡ã€‚

By: seb835

seb835 — Fri, 22 Sep 2006 08:13:57 +0000

it becomes almost worthless at 170KB…the same effect could be acheived with even better looking results in flash for probably around 5KB…ignorning the fact that you have to download flash player…but who hasnt got flash player.

By: Mario

Mario — Thu, 21 Sep 2006 23:36:39 +0000

I agree with Dean, though I don’t think the filesize it a big deal if you use this as a small part of a larger use of the frameworks in your site… Prototype compressed is 21kb… yadda yadda…

By: Dean Edwards

Dean Edwards — Thu, 21 Sep 2006 23:19:30 +0000

To call this a “CSS crossfade” when it uses 170KB of JavaScript vs 2KB of CSS is stretching things a little.

By: Rey Bango

Rey Bango — Thu, 21 Sep 2006 20:55:59 +0000

Anyone wanting a JQuery version of this can find it here:

http://www.intoajax.com/fade.htm

By: Thomas Messier

Thomas Messier — Thu, 21 Sep 2006 19:58:31 +0000

May be worth noting that the code uses prototype / scriptaculous. I know, I know, looking at the code it’s obvious…