Opacidad en imagen

[wlinker]

claro que se puede, reemplaza:

Código CSS:

$("#link_fire").click(function(e){e.preventDefault(); $(".menu_left_imag").css({ opacity: 0.5 }); });
$("#link_unfire").click(function(e){e.preventDefault(); $(".menu_left_imag").css({ opacity: 1 }); });
 

Por:

Código Javascript:

$("#link_fire").on('mouseenter',function(){  $(".menu_left_imag").css({ opacity: 0.5 }); });
$("#link_fire").on('mouseleave',function(){  $(".menu_left_imag").css({ opacity: 1 });  });
 

y eliminas el segundo li:

Código HTML:

<li>
                    <a id="link_unfire" href="link.html">
                       <span class="title">link to reset opacity</span>
                    </a>
                </li>
 

y si deseas que el cambio de imagen sea dinámico, osea una imagen distinta segun el link en el qe te posiciones, ocuparás modificar el script y tener algo como lo publicado acá, obviamente con algunas adaptaciones:

http://www.selfcontained.us/2008/03/08/simple-jquery-image-rollover-script/