SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Aug 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Image lightening effect issue

    Here is my webpage: http://174.120.16.66/~thomasse/

    The "TSI" logo at the top left of the page used to get lighter when you mouseover it. You can see the same effect on the nav menu items, and here on this logo ( http://www.elegantthemes.com/preview/SimplePress/ ). For whatever reason, this is no longer working on my page. Any thoughts? I have tried a lot of changes in the css to no avail.

    thanks

  2. #2
    SitePoint Wizard bronze trophy conradical's Avatar
    Join Date
    Jan 2005
    Location
    Atlanta
    Posts
    2,354
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Try fixing your HTML. If it yet doesn't work, at least you know you have clean HTML to troubleshoot

    <img div="" <="" alt="TSI - Thomas Services, Inc." src="http://174.120.16.66/~thomasse/wp-content/uploads/2012/08/tsilogo3.png">

    Change to
    <img alt="TSI - Thomas Services, Inc." src="http://174.120.16.66/~thomasse/wp-content/uploads/2012/08/tsilogo3.png">

    See if that fixes it. If not, I think you also might be missing some Javascript that does that fade for you which is unnecessary.

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,167
    Mentioned
    453 Post(s)
    Tagged
    8 Thread(s)
    As said above, your HTML is all messed up. But also, the jQuery is trying to target an image with the id="logo", but you don't have the "logo" ID on the image (as is the case in the other site) but on the containing div. So move the id back to the image.

    Here's what the JS is targeting:

    Code:
    jQuery('img#logo').hover(function() {
    		jQuery(this).animate({opacity: .6}, "fast");
    	}, function() {
    		jQuery(this).animate({opacity: 1}, "fast");
    	});
    This is at the bottom of your page.


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
  •