Fatal编程技术网

Javascript jQuery-照片库

javascript jquery

Javascript jQuery-照片库,javascript,jquery,photo-gallery,Javascript,Jquery,Photo Gallery,请有人告诉我，为什么这个脚本只能在Firefox中使用，而不能在Chrome中使用。 脚本：当它完成时，它应该是一个简单的照片库 谢谢你的帮助 $(document).ready(function() { function animate() $( ".picture" ).delay( 2000 ).fadeTo( "slow" , 0.00, function() { $( ".picture2" ).a

请有人告诉我，为什么这个脚本只能在Firefox中使用，而不能在Chrome中使用。 脚本：当它完成时，它应该是一个简单的照片库 谢谢你的帮助

$(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();
        });
这是一个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>


比尔德雷希| unfertig
.图片{
位置：绝对位置；
左：50px；
利润率最高：5%；
左缘：30%；
}
.图2{
位置：绝对位置；
左：50px；
利润率最高：5%；
左缘：30%；
不透明度：0.0；
}
&拉阔；
&拉阔；
$（文档）.ready（函数（）{
函数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（）
没有
{..}
？使用上面的代码，您必须获得
未捕获的语法错误：意外标识符
您能提供一个JSFIDLE吗？所以您有一些最小的补充HTML？另外，请说明您正在使用的JQuery版本。