0

Web ページの画像をクリックしてビデオを読み込もうとしています。そのために、次のコードを使用しました。

  <script type="text/javascript">
(function($) {
$('a.newID').click(function(){ 

$('#newID').html('<iframe src="http://www.youtube.com/embed/TJ2X4dFhAC0?autoplay=1"  frameborder="0" class="slide" allowtransparency="true" style="width:512px; height:288px;" id="ifm" title=""></iframe>');

});
}(jQuery));
</script>

HTML コード:

<a href="#" title="" id="newID"><span class="play_icon"><img src="img/play_overON.png" alt=""></span>
    <img src="images/slider1.jpg" alt="" class="slide" />
    </a>

画像をクリックすると、画像が iframe ビデオに置き換えられます。私が必要とするdisplay a loading iconのは、までvideoですloading。どうやってするか？

4

1 に答える 1

2

click関数に次の css プロパティを追加してください。

 #newID {background-image:url(http://mysite/myloadingimage.gif)}

表示が(デフォルト)display:inline-block;の場合は、#newID にcss プロパティを追加する必要もあります。inline

http://mysite/myloadingimage.gif実際の読み込みイメージに置き換えます。アニメーション gif を使用して、ローディング効果を高めます。

css background プロパティを使用して、読み込み中の画像を中央に配置する必要があります。これは、画像のサイズに依存する場合があります。

于 2012-12-21T06:38:23.970 に答える