Efekt ładnego przejścia tekstu, j.w. Opcje

[eai]

Witam.

Wiem że tutaj gotowców sie nie daje, ale... potrzebuje jakiś ciekawy efekt ładowania, przejścia tekstu zgodny z Internet Explorer 6, FireFox 1.5, Mozilla 1.712, Opera 8.51.

Otóż:

[HTML] pobierz, plaintext 
<div id="nazwa"> tekst tekst </div>
[HTML] pobierz, plaintext 

Tekst ładuję za pomocą ...byId('nazwa').innerHTML= ...
I teraz chcę żeby podczas zmiany zawartości DIV'a pojawiał się ciekawy efekt wczytywania tekstu np, Tekst z niewidoczności powoli (3s) przechodziłby w widzialność (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) lub coś podobnego. Ogólnie chodzi mi o ciekawy efekt. Nie wiem jak do tego się zabrać a chciałem wzbogacić strone (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

--------------
Lub. W jaki sposób zrobić PreLoader do czegoś takiego. Zawartość DIV'a generowana jest przez php i wczytywana za pomocą XMLHttpRequest. I jeśli nie efekt to chociaż żeby był tekst lub coś podobnego typu Wczytywanie strony itp.


Może mi ktoś pomóc ?

Pozdrawiam.

[mike]

Tu masz sporo efektów: Combination Effects Demo
Wybierz sobie, może któryś Ci podpasuje.

[SHiP]

Nie jest to gotowy skrypt ale pokazuje mniej wiecej jak sworzyć własny:

Używam [ php ] dla kolorków ;]
/ ale istnieje znacznik HTML prawda? /tiraeth/

[HTML] pobierz, plaintext 
var FADER_Scolors=Array(); // my start colors
FADER_Scolors['register_desc'] = new Array(0,0,0); // czarne tlo wiec i text czarny
 
var FADER_colors=Array(0,0,0);
 
window.fade = function(id,mode) // mode==1 => od nowa
{
//alert(mode +' - '+ id);
    if(!FADER_colors[id] || mode==1)
        if(FADER_Scolors[id]){FADER_colors[id]=new Array(FADER_Scolors[id][0],FADER_Scolors[id][1],FADER_Scolors[id][2]);}
        else FADER_colors[id] = new Array(80,80,80);
 
    document.getElementById(id).style.color='rgb('+FADER_colors[id][0]+','+FADER_colors[id][1]+','+FADER_colors[id][2]+')';
    FADER_colors[id][0]+=12;
    FADER_colors[id][1]+=12;
    FADER_colors[id][2]+=12;
    if(FADER_colors[id][0]>255) FADER_colors[id][0]=255;
    if(FADER_colors[id][1]>255) FADER_colors[id][1]=255;
    if(FADER_colors[id][2]>255) FADER_colors[id][2]=255;
    if(FADER_colors[id][0]<255 || FADER_colors[id][1]<255 || FADER_colors[id][2]<255 ) Timeout['fader'+id] = window.setTimeout('fade("'+id+'",0)', 100);
}
[HTML] pobierz, plaintext 

Szczerze mówiąc wolałbym poczekać aż Opera będzie obsługiwała Opacity. Poszłoby to znacznie łatwiej tym bardziej że w tym przypadku skrypt dziala tylko dla bialego textu ;]

Sposób użycia

[HTML] pobierz, plaintext 
<div id="register_desc" style="background-color:#000000; color:#000000;">Jakiś tam fajny text</div>
 
<a href="javascript:fade('register_desc',1)">Blee</a>
[HTML] pobierz, plaintext 

Nie testowałem wiec mogą być lekkie błedy ;]

Jeśli chcesz coś naprawde profesionalnego poszukaj na google "Fader" ;]

mike_mech -> świetna strona (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) szczególnie drag&drop demo - juz wiem jak sklep w grze napisać =)