Transparent Links

[Isa The Great]

This code will make all linked images slightly transparent. And when a user hovers the cursor over a button, it will return to its regular opacity.

Global Footer.


<script type="text/javascript">
<!--

var iLink=document.getElementsByTagName('a');
for(i=0;i<iLink.length;i++){
     if(iLink.item(i).firstChild && iLink.item(i).firstChild.nodeName.match(/img/i)){
           var iTheGo=iLink.item(i).firstChild;
           iTheGo.style.opacity=.6;
           iTheGo.style.filter='alpha(opacity=60)';
           iTheGo.onmouseover=function(){
                 this.style.opacity=1;
                 this.style.filter = 'alpha(opacity=100)';
           };
           iTheGo.onmouseout=function(){
                 this.style.opacity=.6;
                 this.style.filter = 'alpha(opacity=60)';
           };
     }
}

//-->
</script>