YouTubeのビデオを左右にスライドさせる

説明補足説明コード関連書籍コメント投稿

このサンプルは、jQueryのcodaSlider()プラグインを利用して YouTubeのビデオを左右にスライドさせます。 パネルをスライドさせるにはスライド上部に表示されているタブをクリックするか、 パネルの左右に表示されている矢印をクリックします。

このサンプルは、jQueryのcodaSlider()プラグインを利用して YouTubeのビデオを左右にスライドさせます。 パネルをスライドさせるにはスライド上部に表示されているタブをクリックするか、 パネルの左右に表示されている矢印をクリックします。

$(function() {   
  $("div#slider1").codaSlider();   
});   


<div class="slider-wrap">
  <div id="Div1" class="csw">
    <div class="panelContainer">
      <div class="panel" title="Panel 1">
        <div class="wrapper">
          <h3>Panel 1</h3>
                      
          <center>
            Obama Acceptance Speech (1/3)<br>
            <object width="425" height="344">
              <param name="movie" value="http://www.youtube.com/"></param>
              <param name="allowFullScreen" value="true"></param>
              <param name="allowscriptaccess" value="always"></param>
              <embed src="http://www.youtube.com/" 
              allowfullscreen="true" width="425" height="344">
              </embed>
            </object>
          </center>   
        </div>
      </div>
    </div>
  </div>
</div>