jQuery - 图片库

-2

有人会如此善良，告诉我，为什么这个脚本只适用于Firefox而不适用于Chrome。脚本：当它完成时，它应该是一个简单的照片库谢谢你的帮助！jQuery - 图片库

$(document).ready(function() { 
      function animate() 
      $(".picture").delay(2000).fadeTo("slow" , 0.00, function() { 
        $(".picture2").animate({ opacity: 1.00 }, "slow"); 
        $(".picture2").delay(2000).fadeTo("slow" , 0.00, function() { 
         $(".picture").animate({ opacity: 1.00 }, "slow"); 
         animate(); 
       }); 
      }); 
      animate(); 
     });

来源

2015-04-23 ghnome

'函数动画（）'无'{..}'？通过上面的代码，你必须获得'未捕获的SyntaxError：意外的标识符' –

你能提供一个jsfiddle吗？ – romuleald

所以你有一些最小的补充HTML？此外，请说明您正在使用的JQuery版本。 – rsilva4

这是孔HTML代码

<html> 
    <head> 
     <meta charset="UTF-8"> 
     <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
     <title>Bilderreihe | unfertig</title> 
     <style type="text/css"> 

      .picture { 
       position: absolute; 
       left: 50px; 
       margin-top: 5%; 
       margin-left: 30%; 
      } 

      .picture2 { 
       position: absolute; 
       left: 50px; 
       margin-top: 5%; 
       margin-left: 30%; 
       opacity: 0.0; 
      } 

     </style> 
    </head> 
<body> 
    <div class="all"> 
     <div class="picture"> 
      <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQYtvxXpYfat_I3XYW8tWZ42KJIHR25DsOIgA6CdHVbOXJYHHvDZw" height="300" width="500"> 
     </div> 

     <div class="picture2"> 
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQTIJMikQdg1bqI9PBgD_gBZSTcBCSRvzEN_sj_ngu0TrVbOdtr" height="300" width="500"> 
     </div> 

     <div class="picture3"> 
      <img src=""> 

       <button id="left">&laquo;</button> 
       <button id="right">&raquo;</button> 
    </div> 
    <script> 



     $(document).ready(function() { 
      function animate() 
      $(".picture").delay(2000).fadeTo("slow" , 0.00, function() { 
        $(".picture2").animate({ opacity: 1.00 }, "slow"); 
        $(".picture2").delay(2000).fadeTo("slow" , 0.00, function() { 
         $(".picture").animate({ opacity: 1.00 }, "slow"); 
         animate(); 
       }); 
      }); 
      animate(); 
     }); 

    </script> 
</body> 
</html>

来源

2015-04-23 16:51:08 ghnome

jQuery - 图片库

回答

相关问题