alpha su firefox

[claire]

salve a tutti, sto usando un javascrit per un effetto fadin/out su delle foto.. in IE tutto bene, ma firefox non lo vede proprio..
qualche suggerimento?
ecco il codice

<script type="text/javascript" language="JavaScript">
<!--
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

/* object - image to be faded (actual object, not name);
 * destop - destination transparency level (ie 80, for mostly solid)
 * rate   - time in milliseconds between trasparency changes (best under 100)
 * delta  - amount of change each time (ie 5, for 5% change in transparency)
 */

function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
    if (object != "[object]"){
        setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
        return;
    }
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
    diff = destOp-object.filters.alpha.opacity;
    direction = 1;
    if (object.filters.alpha.opacity > destOp){
        direction = -1;
    }
    delta=Math.min(direction*diff,delta);
    object.filters.alpha.opacity+=direction*delta;
    if (object.filters.alpha.opacity != destOp){
        nereidFadeObjects[object.sourceIndex]=object;
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
    }
}
-->
</script>

[img]image1.jpg[/img]

[fcaldera]

object.filters.alpha.opacity+=direction*delta;

filters utilizza un ActiveX (presente solo su Explorer)

Per il resto dei browser in circolazione prova ad aggiungere subito dopo quell'istruzione anche

object.style.opacity+= (direction*delta)/100;

[claire]

aggiunto ma continua a non vederlo..
a meno che non va aggiunto anche nel resto delle istruzioni, ma non saprei come...

</style>
<script type="text/javascript" language="JavaScript">
<!--
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

/* object - image to be faded (actual object, not name);
 * destop - destination transparency level (ie 80, for mostly solid)
 * rate   - time in milliseconds between trasparency changes (best under 100)
 * delta  - amount of change each time (ie 5, for 5% change in transparency)
 */

function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
    if (object != "[object]"){
        setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
        return;
    }
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
    diff = destOp-object.filters.alpha.opacity;
    direction = 1;
    if (object.filters.alpha.opacity > destOp){
        direction = -1;
    }
    delta=Math.min(direction*diff,delta);
    object.filters.alpha.opacity+=direction*delta;
	object.style.opacity+= (direction*delta)/100; 
    if (object.filters.alpha.opacity != destOp){
        nereidFadeObjects[object.sourceIndex]=object;
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
    }
}
-->
</script>

[fcaldera]

purtroppo lo script è stato pensato solo per IE, difatti quell'istruzione

object.filters.alpha.opacity

appare in altri punti dello script (senza considerare che la prima istruzione della funzione

if (!document.all) return;

esclude tutti gli altri browser e va quindi rimossa)

Se mi dici esattamente cosa deve fare questa funzione e a cosa va applicata è più facile proportene una crossbrowser (questa mi sembra un tantino obsoleta e se devo essere sincero in un paio di punti quasi incomprensibile)

[claire]

grazie mille, molto gentile
allora ho una pagina con delle immagini che vorrei fossero semitrasparenti all'apertura della pagina e arrivassero ad alpha 100 solo al rollover..
non so se c'è qualcosa di semplice per farlo..

[fcaldera]

ok, prova questa variante... spero di non aver fatto troppi errori/orrori vista l'ora...

nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

/* object - image to be faded (actual object, not name);
 * destop - destination transparency level (ie 80, for mostly solid)
 * rate   - time in milliseconds between trasparency changes (best under 100)
 * delta  - amount of change each time (ie 5, for 5% change in transparency)
 */

function setOpacity(obj, op) {
   if (op == 0) op = 1; 
   if (obj.filters.alpha.opacity) obj.filters.alpha.opacity = op;
   obj.style.opacity = (op/100);
}

function getOpacity(obj) {
   return (obj.filters.alpha.opacity)? obj.filters.alpha.opacity : (obj.style.opacity * 100);
}


function nereidFade(object, destOp, rate, delta){

    if (object != "[object]"){
        setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
        return;
    }
    curropacity = getOpacity(object);
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
    diff = destOp - curropacity;

    direction = (curropacity > destOp) -1 : 1;

    delta=Math.min(direction*diff, delta);
    setOpacity(object, (curropacity + (direction * delta)));

    curropacity = getOpacity(object);
    if (curropacity != destOp){
        nereidFadeObjects[object.sourceIndex]=object;
       nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
    }
}
</script>

[claire]

non va nè su firefox nè su ie

[fcaldera]

scusa... ecco qui: ti posto un esempio funzionante (almeno su opera e firefox)
A te il compito di provarlo con IE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>

<script type="text/javascript">
function setOpacity(obj, op) {
   if (op == 0) op = 1; 
   if (obj.filters) obj.filters.alpha.opacity = op;
   obj.style.opacity = (op/100);
}

function getOpacity(obj) {
   return (obj.filters)? obj.filters.alpha.opacity : (obj.style.opacity * 100);
}


function nereidFade(object, destOp, rate, delta){

    curropacity = getOpacity(object);
    diff = destOp - curropacity;
    direction = (curropacity > destOp)? -1 : 1;

    delta=Math.min(direction*diff, delta);
    setOpacity(object, (curropacity + (direction * delta)));

    curropacity = getOpacity(object);
    if (curropacity != destOp){
        setTimeout(function() {
            nereidFade(object, destOp, rate, delta);
        }, rate); 
    }
}
</script>


</head>


<body>
    [img]file.jpg alt=[/img]

</body>
</html>

[claire]

Grande! Funziona alla perfezione anche su IE .
Grazie infinite, adesso cerco di capire come lo hai fatto

[fcaldera]

Originariamente inviato da claire
Grande! Funziona alla perfezione anche su IE .
Grazie infinite, adesso cerco di capire come lo hai fatto

non è stato difficile:
è bastato non voler ostinarmi a recuperare per forza parte di codice che avevi prima