Javascript not working in IE and Chrome

Please help! I have a thumb image link swapping out on hover. It works fine in Firefox and Safari but doesn't show on IE and Chrome. I'm new to Javascript so please excuse me if I'm missing the obvious. Thank you in advance.

Here is the script:

$(document).ready (function(){
 var fadingImage;
  $(".fade").hover(function(){
    fadingImage = $(this).find("img").eq(1);
    fadingImage.stop(true, true).fadeIn(250);
    }, function(){
    fadingImage.stop(true, true).fadeOut(250);
  });
});

HTML code:

<section class="brands_list">
    <div style="display:block; width:290; height:160;"" class="fade">
      <a href="<?php echo get_bloginfo('siteurl')."/".$urlSlug."/".$brandSlug; ?>"><img src="<?php echo $brandLogo ?>" class="brand" alt="<?php echo $brandName ?>" width="290" height="160"/>
      <img src="<?php echo $brandImage ?>" class="brand" alt="<?php echo $brandName ?>" width="290" height="160"/>
      </a>
    </div>
</section>

Answers


Check your syntax - you have an extra " here on this line.

style="display:block; width:290; height:160;""

Other than this, your code appears to behave the same in IE7-10 as it does in Chrome, Firefox, Opera, Maxthon, and Safari. This assumes your PHP doesn't produce malformed tags or anything.

Demo: http://jsbin.com/ikotul/edit#javascript,html

The behavior I'm seeing in all browsers is the following.

+-----------------------+
|                       |
|                       |
|      Not Hovered      |
|                       |
|                       |
+-----------------------+
          ( mouse moves over left image )
+-----------------------+ +-----------------------+
|                       | |                       |
|                       | |                       |
|        Hovered        | |    Becomes Visible    |
|                       | |                       |
|                       | |                       |
+-----------------------+ +-----------------------+

Need Your Help

grep log file for only X newest entries of special value

linux file shell grep ksh

I want to get (only!) the three newest entries with type "ERROR:" from a log file.

Adding the tests directory to the android build system.img

android android-source android-build

I need to add the timetest directory's executable to the system.img file so that I can access the command from the shell. The location is at :

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.