0

私はYouTubeビデオでファンシーボックスを探しています。私はこのフィドル（コメントに追加）を通り抜けました。このフィドルはスタックオーバーフローからのみ@JKによって取得しました。フィドルでは正常に動作しますが、アプリケーションに同じものをコピーして適用すると、ナビゲーション ボタンの機能がなくなり、バック グラウンド ライト ボックスが表示されなくなります。私はjqueryにかなり慣れていません。以下は私のhtmlファイルです

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
      <HEAD>
       <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
       <script type="text/javascript" src="jquery.fancybox.js"></script>
       <link rel="stylesheet" type="text/css" href="jquery.fancybox.css" media="screen" />  
       <TITLE> New Document </TITLE> 
       <META NAME="Generator" CONTENT="EditPlus"> 
       <META NAME="Author" CONTENT="">
       <META NAME="Keywords" CONTENT=""> 
       <META NAME="Description" CONTENT="">
       <script> 
          $(".fancybox").attr('rel', 'gallery').fancybox({
             openEffect  : 'none',
             closeEffect : 'none',
             nextEffect  : 'none',
             prevEffect  : 'none', 
             padding     : 0, 
             margin      : 50    });
      </script>
      <script type="text/css">
        .fancybox-nav {
            width: 60px;
          }
        .fancybox-nav span {
            visibility: visible;
          }
        .fancybox-next { 
            right: -60px;
          }
     </script>
   </HEAD>
  <BODY>
     <a class="fancybox fancybox.iframe" href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1&wmode=opaque">Video #1</a><br />
     <a class="fancybox fancybox.iframe" href="http://www.youtube.com/embed/cYplvwBvGA4?autoplay=1&wmode=opaque">Video #2</a> 
  </BODY>
 </HTML>`

私は何か不足していますか？

4

1 に答える 1