Hombre cuanto tiempo. Pues la verdad el diseño lo hice sin experiencia, pues apenas llevo tiempo trasteando con el photoshop. Se me da mejor el código y es con lo que voy a responder a tu pregunta:
El método consiste en una simple llamada al javascript. Pimero, mediante el script, definiremos los modos de opacidad y sus acciones. Esto puedes variarlo como quieras a tu gusto, coócalo entre <head> y <style type="text/css">
<script type="text/javascript">
var baseopacity=40
function slowhigh(which2){
imgobj=which2
browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
highlighting=setInterval("gradualfade(imgobj)",40)
}
function slowlow(which2){
cleartimer()
instantset(baseopacity)
}
function instantset(degree){
if (browserdetect=="mozilla")
imgobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
imgobj.filters.alpha.opacity=degree
}
function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}
function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
Una vez colocado el script, definimos el estilo (puedes hacerlo en tu hoja de estilos, pero yo lo hago en el documento). Justo de bajo de <style type="text/css"> colocamos:
.gradualshine{
filter:alpha(opacity=40);
-moz-opacity:0.3;
}
Ya hemos definido todo, ahora queda aplicarlo a la/s imagen/es que vayamos a transparentar. Esto es un ejemplo de como tengo yo el enlace al foro:
<a href="foro/index.php"><img src="images/foro.gif" alt="Foros Final Fantasy Artema" width="90" height="32" border="0" class="gradualshine" onmouseover="slowhigh(this)" onmouseout="slowlow(this)" /></a>
Aplicalo en tus imagenes y ya tendras el efecto gradualshine. Hay otro efectoo parecido que se llama gradualfader. Busca en google si te interesa.
Saludo y espero que te haya ayudado.
PD. Me he inscrito en tu topsite!
