Hi guys

I have a script that tells how a hover animation (opacity) should work on specific images. The images should be 50% opacity by default and then go 100% opacity on hover and back to 50% on mouse out.

I got the "hover" and "mouse out" funktions working, but I don't know how to tell it to set the images to 50% opacity when page loads...

My script looks like this:

<script type="text/javascript">
  var J = jQuery.noConflict();
  J(document).ready(function(){
    //Portfolio hover
    J(".portfolio-item img, .image-nav img").hover(
      function() {
      J(this).animate({"opacity": "1"}, "slow");
      },
    
        function() {
      J(this).animate({"opacity": "0.5"}, "slow");
      });

I have very little Java script experience, but I think this should be fairly easy to accomplish by adding something to the script above... I need it to tell all IMG in "Portfolio-item" to be 50% opacity.

Can someone please help me?

// Mikkel