0

私はこれを使用しています：

<html>
<head>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    setInterval('reloadImages()', 2000); // 2 seconds
});
function reloadImages()
{
   $('#picone').attr('src', 'http://www.someserver/pic.jpg?' + Math.random());
}

</script>

<title>Webcam</title>
</head>
<body>
<div id="first">
<img src="pic.jpg" id="picone" border="1" />
<div>
</body>
</html>

写真をコピー/クローンして、2番目/3番目/4番目に表示するにはどうすればよいですか?

4

2 に答える 2

0

画像が同じままである場合 (そして、私はそうであると思いますか?)、それを複製する必要はありません。したがって、次のような画像がさらに 2 つあるとします。

<img src="pic.jpg" id="pictwo" border="1" />
<img src="pic.jpg" id="picthree" border="1" />

次に、次のことができます。

$('#picone, #pictwo, #picthree').attr('src', 'http://www.someserver/pic.jpg?' + Math.random());

もちろん、これはあなたが望むものではないかもしれません...

于 2013-01-05T12:29:00.047 に答える
0

2 番目、3 番目、4 番目の div 構造の HTML は次のようになります。

<div id="first">
    <img src="pic.jpg" id="picone" border="1" />
</div>
<div id="second"></div>
<div id="third"></div>
<div id="fourth"></div>

次に、次のようにできます。

$(document).ready(function(){
    $('#second, #third, #fourth').each(function(){
        $(this).prevAll("#first").children("img").clone().appendTo($(this));
    });
});
于 2013-01-05T12:50:53.740 に答える