CODEWITHSUNDEEP
jquerygoogle-chromefadeinfadeout
samgerdt
samgerdt

Reputation: 41

Troubles with jQuery fadeIn() and fadeOut() in Chrome

Have a plugin that I'm working on and I've hit a wall in Chrome. The script works perfectly in FF, but Chrome is not correctly displaying the fadeIn and fadeOut effects. It looks like Chrome is just defaulting to show and hide. Any suggestions?

You can see it in action here: http://heartpublications.com

Here is the code:

    $(document).ready(function() {

  function contentRotate(feature) {
 if (doAnimate) {  
   $("#slide1").fadeOut("fast", function (feature) {
     return function () {
    $("#banner div").hide();


    /* FADE IN NEXT ITEM OR GO BACK TO FIRST */
    feature.fadeIn("fast", function () {
      if ($(this).attr("id") == "slide3") {
     setTimeout(function () {
       contentRotate($("#banner div:first"));
     }, 4000);
      }
      else {
        setTimeout(function () {
       contentRotate($(feature.next()));
     }, 4000);
      }
    });
     };
   }(feature));
 }
  }



  var doAnimate = true;

  contentRotate($("#banner div:first"));




});

Any help would be appreciated. Thanks.

Upvotes: 4

Views: 2133

Answers (1)

Roberto Leinardi
Roberto Leinardi

Reputation: 14399

I had the same problem with jQuery 1.3.2 but it disappeared upgrading to the latest version (1.4.2).

Upvotes: 1

Related Questions