Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

  • Inmedia 124 posts 176 karma points
    Mar 24, 2011 @ 10:37

    Need Java Script help...

    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();
        //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

  • Peter Nielsen 153 posts 230 karma points
    Mar 24, 2011 @ 10:42
    Peter Nielsen

    Hi Mikkel,

    I think you are in the wrong forum. This has nothing to do with Umbraco but is simple jQuery. And it not a job offer you are giving, so also the wrong section in here.

    But an answer could be something like


    $(".portfolio-item img").css({ opacity: 0.5 });


    Just under the ready function



  • Inmedia 124 posts 176 karma points
    Mar 24, 2011 @ 10:47

    Yes, I know... But I didn't know which section to post it under.

    And I thought people maybe would help me out even though it has nothing specific to do with umbraco... And I guess I was right :)

    That solved it... Thank you very much, Peter :)


    // Mikkel

  • Pasang Tamang 252 posts 399 karma points
    Mar 24, 2011 @ 10:49
Please Sign in or register to post replies

Write your reply to: