Results 1 to 2 of 2

Thread: Looking for script-similar to Gradual Highlight Image

  1. #1
    Join Date
    Jan 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool Looking for script-similar to Gradual Highlight Image

    Hi I'm wondering if someone can help me. There used to be a script similar to the gradual highlight image, but it had the added feature of changing from grayscale to a colour image during the highlight transition.

    anyone help with finding it please?

    thanks

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Try this:
    http://dynamicdrive.com/dynamicindex11/gradualfader.htm

    Of course your probably thinking of this script that doesn't work anymore(outdated):
    http://dynamicdrive.com/dynamicindex4/image5.htm

    You could also try jquery:
    http://jquery.com/
    I've also just very quickly whipped up something:
    Code:
    <style type="text/css">
    #menu {
    width: %100;
    height: 47px;
    margin: 0;
    paddding: 0;
    }
    #menu a:link, #menu a:visited {
    font-family: arial, verdana;
    font-size: 12px;
    text-decoration: none;
    display: block;
    width: 104px;
    height: 47px;
    margin-bottom: 20px;
    padding-top: 15px;
    text-align: center;
    color: #FFF;
    background: url(bg.png) no-repeat;
    }
    </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
      $('#menu a').each(function() {
        $(this).css({
          opacity: '0.4',
        });
        $(this).hover(function() {
          $(this).animate({
            opacity: '1',
          });
        },
        function() {
          $(this).animate({
            opacity: '0.4',
          });
        });
      });
    });
    </script>
    <div id="menu"><a href="#">Home</a><a href="#">Contact</a></div>
    And here's an example here.
    Last edited by Nile; 01-05-2009 at 04:05 PM.
    Jeremy | jfein.net

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •