Question

我真的需要你的帮助。不幸的是，我的脚本技能非常有限。我正在运行一个足球博客，我们刚刚安装了我们的ip-camera。除了一件小事之外，我得到了所有工作：我希望在这个网页上有像平滑的图片交叉： http://www.blickpunkt-muenster.de/webcams/webcam-6.php

我已经通过ajax请求解决了嵌入问题但是我无法让fadeIn函数正常工作，尽管我已经google了很多。希望你能帮助我。太棒了!!!

我的博客：http://bwa-blog.de/bwacam/

我的剧本：

<!DOCTYPE html>
<html lang="en">
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script>
            $(function () {
                window.setInterval(function () {
                    var path = 'http://bwa-blog.de/bwacam2/ipcam.jpg?' + (new Date()).getTime();
                    $('#demo').attr('src', path);
                }, 10000);
            });
        </script>
    </head>
    <body>
        <img id="demo" src="http://bwa-blog.de/bwacam2/ipcam.jpg"/>
    </body>

Answer 1

成功了。唯一的事情是，第一次刷新不是重叠，而是完全淡出和淡入。如果有人知道如何解决这个问题，那就像鸭子一样开心：）

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>/*<![CDATA[*/
     $(function () {
                window.setInterval(function () {
                    var path = 'http://bwa-blog.de/bwacam2/ipcam.jpg?' + (new Date()).getTime();
                    $('#demo').attr('src', path);
                }, 10000);
            });/*]]>*/
                 </script>

    <script> /*<![CDATA[*/
$(document).ready(function() {
    $(".featured > div:gt(0)").hide();

    setInterval(function() {
        $('.featured > div:first').fadeOut(2000, function() {
            $(this).appendTo('.featured');
        }).first().fadeIn(2000);
    }, 10000);
});/*]]>*/
</script>

  .featured > div {
   position: absolute !important;
width:1170px;
margin-top:0px !important;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="featured">
<div id=one> <img id="demo" src="http://bwa-blog.de/bwacam2/ipcam.jpg" style="border: 1px solid #BABABA;"> </div>
<div id=one> <img id="demo" src="http://bwa-blog.de/bwacam2/ipcam.jpg" style="border: 1px solid #BABABA;"> </div>

Ajax fadein ipcam图片（平滑交叉）

1 个答案: