<h2>画像</h2>
    <p>オプション無し</p>
    <ul id="photo">
      <li><img src="https://gimmicklog.com/demo/images/main-bnr/01-600x300.jpg" alt=""></li>
      <li><img src="https://gimmicklog.com/demo/images/main-bnr/02-600x300.jpg" alt=""></li>
      <li><img src="https://gimmicklog.com/demo//images/main-bnr/03-600x300.jpg" alt=""></li>
      <li><img src="https://gimmicklog.com/demo/images/main-bnr/04-600x300.jpg" alt=""></li>
      <li><img src="https://gimmicklog.com/demo/images/main-bnr/05-600x300.jpg" alt=""></li>
    </ul>
    <h2>テキスト</h2>
    <p>オプション：マウスオーバーで停止しない、コントローラー有り、スピード指定</p>
    <ul id="text">
      <li>マグロ</li>
      <li>イカ</li>
      <li>大トロ</li>
      <li>イクラ</li>
      <li>炙りサーモン</li>
      <li>ネギトロ</li>
      <li>タイ</li>
      <li>鉄火巻き</li>
    </ul>

#photo img {
  width: 200px;
  height:100px;
}
h2 {
  font-size: 24px;
  margin: 20px 10px 10px;
}
p {
  margin: 20px 10px 10px;
}

  $(document).ready(function(){
    $("#photo").endlessRiver();
    $("#text").endlessRiver({
        speed: 50,
        buttons: true,
        pause:false
    });
  });