liChaos - jQuery Responsive Photo Gallery или адаптивная фотогалерея на jQuery

<link rel="stylesheet" href="#">

<script src="/js/jquery-1.8.min.js"></script>
<script src="/js/jquery.easie.js"></script>
<script src="/js/jQueryRotate.3.1.js"></script>
<script src="/js/jquery.scrollTo.min.js"></script>
<script src="/js/jquery.mousewheel.js"></script>
<script src="/js/jquery.liChaos.js"></script>
<script src="/js/jquery.jplayer.min.js"></script>
<script src="/js/jplayer.playlist.min.js"></script>

<script>
$(window).load(function(){
    $('.anyClass').liChaos({
      column:'auto',    //кол-во колонок в сетке фотографий ('auto' или любое целое положительное число)
      scatter:2,        //кол-во разбросанных фоновых фотографий (любое целое положительное число)
      duration00,    //задержка при автоматической прокрутке фотографий (милимекунды)
      scrollTime:3000,  //время анимации смены фотографии (милимекунды)
      autoplay:false    //активация режима "слайдшоу" после загрузки
    });
  })
</script>

<script>
  var myPlaylist = new jPlayerPlaylist({
      jPlayer: "#jquery_jplayer_1",
      cssSelectorAncestor: "#jp_container_1"
    }, [
      {mp3:"mp3/1.mp3",oga:"mp3/1.ogg"},
      {mp3:"mp3/2.mp3",oga:"mp3/2.ogg"},
    ], {
      repeat: function(event) {
        if(event.jPlayer.options.loop) {
          $(this).unbind(".jPlayerRepeat").unbind(".jPlayerNext");
          $(this).bind($.jPlayer.event.ended + ".jPlayer.jPlayerRepeat", function() {
            $(this).jPlayer("play");
          });
        }
      },
      loop:true,
      swfPath: "js",
      supplied: "oga, mp3",
      wmode: "window"
    });
    myPlaylist.option("autoPlay", true);
</script>

<ul class="anyClass">
  <li class="active"><img src="/pic/0.jpg"></li>
  <li><img src="/pic/1.jpg"></li>
  <li><img src="/pic/2.jpg"></li>
  <li><img src="/pic/3.jpg"></li>
  <div class="shield"></div>
</ul>

<div class="controlWrap">
      <div class="progressWrap"></div>
      <div class="jpPos">
          <div id="jquery_jplayer_1" class="jp-jplayer"></div>
          <div id="jp_container_1" class="jp-audio">
              <div class="jp-type-playlist">
                  <div class="jp-gui jp-interface">
                      <ul class="jp-controls">
                          <li><a title="MUSIC OFF" alt="MUSIC OFF" href="javascript:;" class="jp-play" tabindex="1"></a></li>
                          <li><a title="MUSIC ON" alt="MUSIC ON" href="javascript:;" class="jp-pause" tabindex="1"></a></li>
                      </ul>
                  </div>
                  <div class="jp-playlist">
                      <ul></ul>
                  </div>
                  <div class="jp-no-solution">
                      <span>Update Required</span>
                      To play the media you will need to either update your browser to a recent version or update your <a href="#" target="_blank">Flash plugin</a>.
                  </div>
              </div>
          </div>
      </div>
      <a href="#" class="play" title="AUTOPLAY" alt="AUTOPLAY"></a>
      <div class="progressTime"></div>
  </div>

<div class="over">
    <div class="overContent">
        
        <!-- 
        Здесь может быть любой приветственный контент, 
        который исчезнет сразу после загрузки всех фото 
        -->
        
    </div>
</div>