I'm re-posting a page coded in 2006, pre-Chrome: it's appropriate to leave the code in its primitive state, as it's an obit.
However, I cannot get a series of fades to fire in Chrome. I've tried them inline, called by a <p> tag or by an <a> tag; and as a function, also called by a <p> tag or by an <a> tag. None works. Any of them works in Firefox and iE and Safari.
Whichever tag is used fires both an mp3 and the fades:
<p id="cortege" title=" Sonata in F minor, K 466 : Domenico Scarlatti (1675-1757) " onclick="embrace();">
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="130" height="20">
<param name="src" value="cortege1.mp3" />
<param name="controller" value="true" />
<param name="autoplay" value="false" />
<!--[if !IE]>-->
<object type="audio/mpeg" data="cortege1.mp3" width="130" height="20">
<param name="autoplay" value="false" />
<param name="controller" value="true" />
</object>
<!--<![endif]-->
</object>
</p>
Maybe the problem is with the code underlying the fades,which is pre-Chrome:
function changeOpac(opacity, id) {
var object = document.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}
which is used in
function embrace() {
setTimeout('opacity(\'mado1\', 99, 0, 9000)', 16000);
setTimeout('opacity(\'mado2\', 99, 0, 18000)', 32000);
setTimeout('opacity(\'mado3\', 99, 0, 9000)', 64000);
setTimeout('opacity(\'mado4\', 99, 0, 3000)', 108000);
return false;
}
Any suggestions? I'd prefer not to recode the page with jQuery.