


<!DOCTYPE html>
<html>
  <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# githubog: http://ogp.me/ns/fb/githubog#">
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>buildinternet/supersized · GitHub</title>
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub" />
    <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub" />
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-114.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-144.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png" />
    <link rel="logo" type="image/svg" href="https://github-media-downloads.s3.amazonaws.com/github-logo.svg" />
    <meta property="og:image" content="https://github.global.ssl.fastly.net/images/modules/logos_page/Octocat.png">
    <meta name="hostname" content="github-fe121-cp1-prd.iad.github.net">
    <meta name="ruby" content="ruby 1.9.3p194-tcs-github-tcmalloc (2012-05-25, TCS patched 2012-05-27, GitHub v1.0.36) [x86_64-linux]">
    <link rel="assets" href="https://github.global.ssl.fastly.net/">
    <link rel="xhr-socket" href="/_sockets" />
    
    


    <meta name="msapplication-TileImage" content="/windows-tile.png" />
    <meta name="msapplication-TileColor" content="#ffffff" />
    <meta name="selected-link" value="repo_source" data-pjax-transient />
    <meta content="collector.githubapp.com" name="octolytics-host" /><meta content="github" name="octolytics-app-id" /><meta content="321C0D32:6C03:1E9EC28:523CA4F5" name="octolytics-dimension-request_id" />
    

    
    
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />

    <meta content="authenticity_token" name="csrf-param" />
<meta content="TgEzxr98rahNgqLUK1xGo0A5bNW3TIQxakcQphyzaCs=" name="csrf-token" />

    <link href="https://github.global.ssl.fastly.net/assets/github-1ebc512a7f2f0df878b2ae5ef171c7e7e337d92d.css" media="all" rel="stylesheet" type="text/css" />
    <link href="https://github.global.ssl.fastly.net/assets/github2-2b7e53c9a36a9d9572cd01e71005d23c15d48bfc.css" media="all" rel="stylesheet" type="text/css" />
    

    

      <script src="https://github.global.ssl.fastly.net/assets/frameworks-833cfa634cf92fc04a73184bfc27838b36a5158e.js" type="text/javascript"></script>
      <script src="https://github.global.ssl.fastly.net/assets/github-39e4f6fc87e1e44da10e85c88f4812ab07805448.js" type="text/javascript"></script>
      
      <meta http-equiv="x-pjax-version" content="86bb2284c3dace1d3ea5a54ecb919536">

        <meta property="og:title" content="supersized"/>
  <meta property="og:type" content="githubog:gitrepository"/>
  <meta property="og:url" content="https://github.com/buildinternet/supersized"/>
  <meta property="og:image" content="https://github.global.ssl.fastly.net/images/gravatars/gravatar-user-420.png"/>
  <meta property="og:site_name" content="GitHub"/>
  <meta property="og:description" content="supersized - Full screen background slideshow plugin for jQuery"/>

  <meta name="description" content="supersized - Full screen background slideshow plugin for jQuery" />

  <meta content="445666" name="octolytics-dimension-user_id" /><meta content="buildinternet" name="octolytics-dimension-user_login" /><meta content="1211229" name="octolytics-dimension-repository_id" /><meta content="buildinternet/supersized" name="octolytics-dimension-repository_nwo" /><meta content="true" name="octolytics-dimension-repository_public" /><meta content="false" name="octolytics-dimension-repository_is_fork" /><meta content="1211229" name="octolytics-dimension-repository_network_root_id" /><meta content="buildinternet/supersized" name="octolytics-dimension-repository_network_root_nwo" />
  <link href="https://github.com/buildinternet/supersized/commits/master.atom" rel="alternate" title="Recent Commits to supersized:master" type="application/atom+xml" />

  </head>


  <body class="logged_out  env-production  vis-public">
    <div class="wrapper">
      
      
      


      
      <div class="header header-logged-out">
  <div class="container clearfix">

    <a class="header-logo-wordmark" href="https://github.com/">
      <span class="mega-octicon octicon-logo-github"></span>
    </a>

    <div class="header-actions">
        <a class="button primary" href="/signup">Sign up</a>
      <a class="button" href="/login?return_to=%2Fbuildinternet%2Fsupersized">Sign in</a>
    </div>

    <div class="command-bar js-command-bar  in-repository">

      <ul class="top-nav">
          <li class="explore"><a href="/explore">Explore</a></li>
        <li class="features"><a href="/features">Features</a></li>
          <li class="enterprise"><a href="https://enterprise.github.com/">Enterprise</a></li>
          <li class="blog"><a href="/blog">Blog</a></li>
      </ul>
        <form accept-charset="UTF-8" action="/search" class="command-bar-form" id="top_search_form" method="get">

<input type="text" data-hotkey="/ s" name="q" id="js-command-bar-field" placeholder="Search or type a command" tabindex="1" autocapitalize="off"
    
    
      data-repo="buildinternet/supersized"
      data-branch="master"
      data-sha="f4f077636a325c098fcfe1098f77bd0a798351e4"
  >

    <input type="hidden" name="nwo" value="buildinternet/supersized" />

    <div class="select-menu js-menu-container js-select-menu search-context-select-menu">
      <span class="minibutton select-menu-button js-menu-target">
        <span class="js-select-button">This repository</span>
      </span>

      <div class="select-menu-modal-holder js-menu-content js-navigation-container">
        <div class="select-menu-modal">

          <div class="select-menu-item js-navigation-item js-this-repository-navigation-item selected">
            <span class="select-menu-item-icon octicon octicon-check"></span>
            <input type="radio" class="js-search-this-repository" name="search_target" value="repository" checked="checked" />
            <div class="select-menu-item-text js-select-button-text">This repository</div>
          </div> <!-- /.select-menu-item -->

          <div class="select-menu-item js-navigation-item js-all-repositories-navigation-item">
            <span class="select-menu-item-icon octicon octicon-check"></span>
            <input type="radio" name="search_target" value="global" />
            <div class="select-menu-item-text js-select-button-text">All repositories</div>
          </div> <!-- /.select-menu-item -->

        </div>
      </div>
    </div>

  <span class="octicon help tooltipped downwards" title="Show command bar help">
    <span class="octicon octicon-question"></span>
  </span>


  <input type="hidden" name="ref" value="cmdform">

</form>
    </div>

  </div>
</div>


      


          <div class="site" itemscope itemtype="http://schema.org/WebPage">
    
    <div class="pagehead repohead instapaper_ignore readability-menu">
      <div class="container">
        

<ul class="pagehead-actions">


  <li>
  <a href="/login?return_to=%2Fbuildinternet%2Fsupersized"
  class="minibutton with-count js-toggler-target star-button entice tooltipped upwards"
  title="You must be signed in to use this feature" rel="nofollow">
  <span class="octicon octicon-star"></span>Star
</a>
<a class="social-count js-social-count" href="/buildinternet/supersized/stargazers">
  903
</a>

  </li>

    <li>
      <a href="/login?return_to=%2Fbuildinternet%2Fsupersized"
        class="minibutton with-count js-toggler-target fork-button entice tooltipped upwards"
        title="You must be signed in to fork a repository" rel="nofollow">
        <span class="octicon octicon-git-branch"></span>Fork
      </a>
      <a href="/buildinternet/supersized/network" class="social-count">
        173
      </a>
    </li>
</ul>

        <h1 itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="entry-title public">
          <span class="repo-label"><span>public</span></span>
          <span class="mega-octicon octicon-repo"></span>
          <span class="author">
            <a href="/buildinternet" class="url fn" itemprop="url" rel="author"><span itemprop="title">buildinternet</span></a></span
          ><span class="repohead-name-divider">/</span><strong
          ><a href="/buildinternet/supersized" class="js-current-repository js-repo-home-link">supersized</a></strong>

          <span class="page-context-loader">
            <img alt="Octocat-spinner-32" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
          </span>

        </h1>
      </div><!-- /.container -->
    </div><!-- /.repohead -->

    <div class="container">

      <div class="repository-with-sidebar repo-container with-full-navigation">

        <div class="repository-sidebar">
            

<div class="repo-nav repo-nav-full js-repository-container-pjax js-octicon-loaders">
  <div class="repo-nav-contents">
    <ul class="repo-menu">
      <li class="tooltipped leftwards" title="Code">
        <a href="/buildinternet/supersized" aria-label="Code" class="js-selected-navigation-item selected" data-gotokey="c" data-pjax="true" data-selected-links="repo_source repo_downloads repo_commits repo_tags repo_branches /buildinternet/supersized">
          <span class="octicon octicon-code"></span> <span class="full-word">Code</span>
          <img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a>      </li>

        <li class="tooltipped leftwards" title="Issues">
          <a href="/buildinternet/supersized/issues" aria-label="Issues" class="js-selected-navigation-item js-disable-pjax" data-gotokey="i" data-selected-links="repo_issues /buildinternet/supersized/issues">
            <span class="octicon octicon-issue-opened"></span> <span class="full-word">Issues</span>
            <span class='counter'>75</span>
            <img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a>        </li>

      <li class="tooltipped leftwards" title="Pull Requests"><a href="/buildinternet/supersized/pulls" aria-label="Pull Requests" class="js-selected-navigation-item js-disable-pjax" data-gotokey="p" data-selected-links="repo_pulls /buildinternet/supersized/pulls">
            <span class="octicon octicon-git-pull-request"></span> <span class="full-word">Pull Requests</span>
            <span class='counter'>7</span>
            <img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a>      </li>


        <li class="tooltipped leftwards" title="Wiki">
          <a href="/buildinternet/supersized/wiki" aria-label="Wiki" class="js-selected-navigation-item " data-pjax="true" data-selected-links="repo_wiki /buildinternet/supersized/wiki">
            <span class="octicon octicon-book"></span> <span class="full-word">Wiki</span>
            <img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a>        </li>
    </ul>
    <div class="repo-menu-separator"></div>
    <ul class="repo-menu">

      <li class="tooltipped leftwards" title="Pulse">
        <a href="/buildinternet/supersized/pulse" aria-label="Pulse" class="js-selected-navigation-item " data-pjax="true" data-selected-links="pulse /buildinternet/supersized/pulse">
          <span class="octicon octicon-pulse"></span> <span class="full-word">Pulse</span>
          <img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a>      </li>

      <li class="tooltipped leftwards" title="Graphs">
        <a href="/buildinternet/supersized/graphs" aria-label="Graphs" class="js-selected-navigation-item " data-pjax="true" data-selected-links="repo_graphs repo_contributors /buildinternet/supersized/graphs">
          <span class="octicon octicon-graph"></span> <span class="full-word">Graphs</span>
          <img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a>      </li>

      <li class="tooltipped leftwards" title="Network">
        <a href="/buildinternet/supersized/network" aria-label="Network" class="js-selected-navigation-item js-disable-pjax" data-selected-links="repo_network /buildinternet/supersized/network">
          <span class="octicon octicon-git-branch"></span> <span class="full-word">Network</span>
          <img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a>      </li>
    </ul>


  </div>
</div>

            <div class="only-with-full-nav">
              

  

<div class="clone-url open"
  data-protocol-type="http"
  data-url="/users/set_protocol?protocol_selector=http&amp;protocol_type=clone">
  <h3><strong>HTTPS</strong> clone URL</h3>
  <div class="clone-url-box">
    <input type="text" class="clone js-url-field"
           value="https://github.com/buildinternet/supersized.git" readonly="readonly">

    <span class="js-zeroclipboard url-box-clippy minibutton zeroclipboard-button" data-clipboard-text="https://github.com/buildinternet/supersized.git" data-copied-hint="copied!" title="copy to clipboard"><span class="octicon octicon-clippy"></span></span>
  </div>
</div>

  

<div class="clone-url "
  data-protocol-type="subversion"
  data-url="/users/set_protocol?protocol_selector=subversion&amp;protocol_type=clone">
  <h3><strong>Subversion</strong> checkout URL</h3>
  <div class="clone-url-box">
    <input type="text" class="clone js-url-field"
           value="https://github.com/buildinternet/supersized" readonly="readonly">

    <span class="js-zeroclipboard url-box-clippy minibutton zeroclipboard-button" data-clipboard-text="https://github.com/buildinternet/supersized" data-copied-hint="copied!" title="copy to clipboard"><span class="octicon octicon-clippy"></span></span>
  </div>
</div>


<p class="clone-options">You can clone with
      <a href="#" class="js-clone-selector" data-protocol="http">HTTPS</a>,
      or <a href="#" class="js-clone-selector" data-protocol="subversion">Subversion</a>.
  <span class="octicon help tooltipped upwards" title="Get help on which URL is right for you.">
    <a href="https://help.github.com/articles/which-remote-url-should-i-use">
    <span class="octicon octicon-question"></span>
    </a>
  </span>
</p>



                <a href="/buildinternet/supersized/archive/master.zip"
                   class="minibutton sidebar-button"
                   title="Download this repository as a zip file"
                   rel="nofollow">
                  <span class="octicon octicon-cloud-download"></span>
                  Download ZIP
                </a>
            </div>
        </div><!-- /.repository-sidebar -->

        <div id="js-repo-pjax-container" class="repository-content context-loader-container" data-pjax-container>
          
<div class="js-info-carrier" data-show-full-navigation="yes"></div>

<div class="repository-meta js-details-container ">
    <div class="repository-description js-details-show">
      <p>Full screen background slideshow plugin for jQuery</p>
    </div>

    <div class="repository-website js-details-show">
      <p><a href="http://www.buildinternet.com/project/supersized/" rel="nofollow">http://www.buildinternet.com/project/supersized/</a></p>
    </div>


</div>

<div class="capped-box overall-summary ">

  <div class="stats-switcher-viewport js-stats-switcher-viewport">

    <ul class="numbers-summary">
      <li class="commits">
        <a data-pjax href="/buildinternet/supersized/commits/master">
          <span class="num">
            <span class="octicon octicon-history"></span>
            51
          </span>
          commits
        </a>
      </li>
      <li>
        <a data-pjax href="/buildinternet/supersized/branches">
          <span class="num">
            <span class="octicon octicon-git-branch"></span>
            3
          </span>
          branches
        </a>
      </li>

      <li>
        <a data-pjax href="/buildinternet/supersized/releases">
          <span class="num">
            <span class="octicon octicon-tag"></span>
            3
          </span>
          releases
        </a>
      </li>

      <li>
        <a href="/buildinternet/supersized/contributors">
          <span class="num">
            <span class="octicon octicon-organization"></span>
            8
          </span>
          contributors
        </a>
      </li>
    </ul>

      <div class="repository-lang-stats">
        <ol class="repository-lang-stats-numbers">
          <li>
              <a href="/buildinternet/supersized/search?l=javascript">
                <span class="color-block language-color" style="background-color:#f15501;"></span>
                <span class="lang">JavaScript</span>
                <span class="percent">100%</span>
              </a>
          </li>
        </ol>
      </div>
  </div>

</div>

  <a href="#"
     class="repository-lang-stats-graph js-toggle-lang-stats tooltipped downwards"
     title="Show language statistics"
     style="background-color:#f15501">
  <span class="language-color" style="width:100%; background-color:#f15501;" itemprop="keywords">JavaScript</span>
  </a>




<div class="file-navigation in-mid-page">
    <a href="/buildinternet/supersized/compare" aria-label="Compare, review, create a pull request" class="minibutton compact primary tooltipped downwards" title="Compare &amp; review" data-pjax>
      <span class="octicon octicon-git-compare"></span>
    </a>

  


<div class="select-menu js-menu-container js-select-menu" >
  <span class="minibutton select-menu-button js-menu-target" data-hotkey="w"
    data-master-branch="master"
    data-ref="master"
    role="button" aria-label="Switch branches or tags" tabindex="0">
    <span class="octicon octicon-git-branch"></span>
    <i>branch:</i>
    <span class="js-select-button">master</span>
  </span>

  <div class="select-menu-modal-holder js-menu-content js-navigation-container" data-pjax>

    <div class="select-menu-modal">
      <div class="select-menu-header">
        <span class="select-menu-title">Switch branches/tags</span>
        <span class="octicon octicon-remove-close js-menu-close"></span>
      </div> <!-- /.select-menu-header -->

      <div class="select-menu-filters">
        <div class="select-menu-text-filter">
          <input type="text" aria-label="Filter branches/tags" id="context-commitish-filter-field" class="js-filterable-field js-navigation-enable" placeholder="Filter branches/tags">
        </div>
        <div class="select-menu-tabs">
          <ul>
            <li class="select-menu-tab">
              <a href="#" data-tab-filter="branches" class="js-select-menu-tab">Branches</a>
            </li>
            <li class="select-menu-tab">
              <a href="#" data-tab-filter="tags" class="js-select-menu-tab">Tags</a>
            </li>
          </ul>
        </div><!-- /.select-menu-tabs -->
      </div><!-- /.select-menu-filters -->

      <div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="branches">

        <div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">


            <div class="select-menu-item js-navigation-item ">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <a href="/buildinternet/supersized/tree/4.0/develop" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="4.0/develop" data-skip-pjax="true" rel="nofollow" title="4.0/develop">4.0/develop</a>
            </div> <!-- /.select-menu-item -->
            <div class="select-menu-item js-navigation-item selected">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <a href="/buildinternet/supersized/tree/master" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="master" data-skip-pjax="true" rel="nofollow" title="master">master</a>
            </div> <!-- /.select-menu-item -->
            <div class="select-menu-item js-navigation-item ">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <a href="/buildinternet/supersized/tree/prerelease" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="prerelease" data-skip-pjax="true" rel="nofollow" title="prerelease">prerelease</a>
            </div> <!-- /.select-menu-item -->
        </div>

          <div class="select-menu-no-results">Nothing to show</div>
      </div> <!-- /.select-menu-list -->

      <div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="tags">
        <div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">


            <div class="select-menu-item js-navigation-item ">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <a href="/buildinternet/supersized/tree/v3.2" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v3.2" data-skip-pjax="true" rel="nofollow" title="v3.2">v3.2</a>
            </div> <!-- /.select-menu-item -->
            <div class="select-menu-item js-navigation-item ">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <a href="/buildinternet/supersized/tree/v3.1" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v3.1" data-skip-pjax="true" rel="nofollow" title="v3.1">v3.1</a>
            </div> <!-- /.select-menu-item -->
            <div class="select-menu-item js-navigation-item ">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <a href="/buildinternet/supersized/tree/v3.0" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v3.0" data-skip-pjax="true" rel="nofollow" title="v3.0">v3.0</a>
            </div> <!-- /.select-menu-item -->
        </div>

        <div class="select-menu-no-results">Nothing to show</div>
      </div> <!-- /.select-menu-list -->

    </div> <!-- /.select-menu-modal -->
  </div> <!-- /.select-menu-modal-holder -->
</div> <!-- /.select-menu -->


  <div class="breadcrumb"><span class='repo-root js-repo-root'><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/buildinternet/supersized" data-branch="master" data-direction="back" data-pjax="true" itemscope="url"><span itemprop="title">supersized</span></a></span></span><span class="separator"> / </span><form action="/login?return_to=%2Fbuildinternet%2Fsupersized" class="js-new-blob-form tooltipped rightwards new-file-link" method="post" title="Sign in to make or propose changes"><span aria-label="Sign in to make or propose changes" class="js-new-blob-submit octicon octicon-file-add" data-test-id="create-new-git-file" role="button"></span></form></div>
</div>



<a href="/buildinternet/supersized/find/master"
  data-hotkey="t" class="js-show-file-finder" style="display:none" data-pjax>Show File Finder</a>
<div class="bubble files-bubble">
  <table class="files" data-pjax>
    <thead>

        
  <div class="commit commit-tease js-details-container" >
    <p class="commit-title ">
        <a href="/buildinternet/supersized/commit/2ccedfdb011df7f05a7264b843fde442b9912c5b" class="message" data-pjax="true" title="Merge pull request #120 from angekouf/master

Abort keyboard navigation if the active element on the page is an input or a textarea">Merge pull request</a> <a href="https://github.com/buildinternet/supersized/issues/120" class="issue-link" title="Abort keyboard navigation if the active element on the page is an input or a textarea">#120</a> <a href="/buildinternet/supersized/commit/2ccedfdb011df7f05a7264b843fde442b9912c5b" class="message" data-pjax="true" title="Merge pull request #120 from angekouf/master

Abort keyboard navigation if the active element on the page is an input or a textarea">from angekouf/master</a>
        <span class="hidden-text-expander inline"><a href="#" class="js-details-target">…</a></span>
    </p>
      <div class="commit-desc"><pre>Abort keyboard navigation if the active element on the page is an input or a textarea</pre></div>
    <div class="commit-meta">
      <span class="js-zeroclipboard zeroclipboard-link" data-clipboard-text="2ccedfdb011df7f05a7264b843fde442b9912c5b" data-copied-hint="copied!" title="Copy SHA"><span class="octicon octicon-clippy"></span></span>
      <a href="/buildinternet/supersized/commit/2ccedfdb011df7f05a7264b843fde442b9912c5b" class="sha-block" data-pjax>latest commit <span class="sha">2ccedfdb01</span></a>

      <div class="authorship">
        <img class="gravatar" height="20" src="https://0.gravatar.com/avatar/1e65bd0e3268041eb26fb6949f3f5085?d=https%3A%2F%2Fidenticons.github.com%2Fab9f14036812008e7d3ec4c7238e9cd9.png&amp;s=140" width="20" />
        <span class="author-name"><a href="/samdunn" data-skip-pjax="true" rel="contributor">samdunn</a></span>
        authored <time class="js-relative-date updated" datetime="2013-01-17T16:19:13-08:00" title="2013-01-17 16:19:13">January 17, 2013</time>

      </div>
    </div>
  </div>

    </thead>

    
<tbody class=""
  data-url="/buildinternet/supersized/file-list/master">
    <tr class="alt">
      <td class="icon">
        <span class="octicon octicon-file-directory"></span>
        <img alt="Octocat-spinner-32" class="spinner" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="/buildinternet/supersized/tree/master/core" class="js-directory-link" id="a74ad8dfacd4f985eb3977517615ce25-843d19f467a6ceb002147691469023c6eedd4d2b" title="core">core</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target"><a href="/buildinternet/supersized/commit/06e4f51b1afe44c7232d799fc3dd0eef10289ad1" class="message" data-pjax="true" title="3.2.1 Update

Fixed issue where Supersized loader wasn&#39;t displaying initially. Theme files unaffected.">3.2.1 Update</a></span>
      </td>
      <td class="age"><span class="css-truncate css-truncate-target"><time class="js-relative-date" datetime="2011-06-27T11:47:40-07:00" title="2011-06-27 11:47:40">June 27, 2011</time></span></td>
    </tr>
    <tr class="">
      <td class="icon">
        <span class="octicon octicon-file-directory"></span>
        <img alt="Octocat-spinner-32" class="spinner" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="/buildinternet/supersized/tree/master/flickr" class="js-directory-link" id="e1f53f2df5c7a2bdc9fb8a57291044c9-b61d5f38b3218461128490902787e58d767a3496" title="flickr">flickr</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target"><a href="/buildinternet/supersized/commit/54d339413dedd46ceeff66af490b7194fdabba43" class="message" data-pjax="true" title="Fix bug for square photos

When there was no minimum dimensions, and the photo was square, it would
not constrain to the size of the screen.
(This change may need to be added to the other cases of the if
statement)">Fix bug for square photos</a></span>
      </td>
      <td class="age"><span class="css-truncate css-truncate-target"><time class="js-relative-date" datetime="2012-06-17T09:20:21-07:00" title="2012-06-17 09:20:21">June 17, 2012</time></span></td>
    </tr>
    <tr class="alt">
      <td class="icon">
        <span class="octicon octicon-file-directory"></span>
        <img alt="Octocat-spinner-32" class="spinner" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="/buildinternet/supersized/tree/master/slideshow" class="js-directory-link" id="f3d279e1b58a1e25c092b018f035d406-c0eb36ae40ccf114094aeee2311be9a21ec1771d" title="slideshow">slideshow</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target"><a href="/buildinternet/supersized/commit/fbad295d5bb5263f10522bc1c738c4656cb2a227" class="message" data-pjax="true" title="Add a constraint before using keyboard navigation

Abort keyboard navigation if the active element on the page is an input or a textarea. (Added Line 218)">Add a constraint before using keyboard navigation</a></span>
      </td>
      <td class="age"><span class="css-truncate css-truncate-target"><time class="js-relative-date" datetime="2012-12-05T06:34:13-08:00" title="2012-12-05 06:34:13">December 05, 2012</time></span></td>
    </tr>
    <tr class="">
      <td class="icon">
        <span class="octicon octicon-file-text"></span>
        <img alt="Octocat-spinner-32" class="spinner" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="/buildinternet/supersized/blob/master/.gitignore" class="js-directory-link" id="a084b794bc0759e7a6b77810e01874f2-496ee2ca6a2f08396a4076fe43dedf3dc0da8b6d" title=".gitignore">.gitignore</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target"><a href="/buildinternet/supersized/commit/2d7b601524b588f4c98cf0c720a10c82d12d2fc8" class="message" data-pjax="true" title="Updated repo folder structure to separate demo from core files. Created ...

...markdown README.">Updated repo folder structure to separate demo from core files. Creat…</a></span>
      </td>
      <td class="age"><span class="css-truncate css-truncate-target"><time class="js-relative-date" datetime="2011-01-04T22:24:44-08:00" title="2011-01-04 22:24:44">January 04, 2011</time></span></td>
    </tr>
    <tr class="alt">
      <td class="icon">
        <span class="octicon octicon-file-text"></span>
        <img alt="Octocat-spinner-32" class="spinner" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="/buildinternet/supersized/blob/master/GPL-LICENSE.txt" class="js-directory-link" id="ef3a8aa04d65e38ffe7cefd8ee866365-17b26789da58a09024ea05f56990a5281ebc0fab" title="GPL-LICENSE.txt">GPL-LICENSE.txt</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target"><a href="/buildinternet/supersized/commit/2a3ab21718c76e0ce64bd8472d19d14c946d5ea0" class="message" data-pjax="true" title="Updated licenses and project page.

Signed-off-by: Sam Dunn &lt;sam@onemightyroar.com&gt;">Updated licenses and project page.</a></span>
      </td>
      <td class="age"><span class="css-truncate css-truncate-target"><time class="js-relative-date" datetime="2011-02-27T16:53:18-08:00" title="2011-02-27 16:53:18">February 27, 2011</time></span></td>
    </tr>
    <tr class="">
      <td class="icon">
        <span class="octicon octicon-file-text"></span>
        <img alt="Octocat-spinner-32" class="spinner" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="/buildinternet/supersized/blob/master/MIT-LICENSE.txt" class="js-directory-link" id="a8e1605fa09f89712d2d16ea86d7c6d3-8d33555d13ea35c0bd0f6c5ff171d74543a7e19e" title="MIT-LICENSE.txt">MIT-LICENSE.txt</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target"><a href="/buildinternet/supersized/commit/2a3ab21718c76e0ce64bd8472d19d14c946d5ea0" class="message" data-pjax="true" title="Updated licenses and project page.

Signed-off-by: Sam Dunn &lt;sam@onemightyroar.com&gt;">Updated licenses and project page.</a></span>
      </td>
      <td class="age"><span class="css-truncate css-truncate-target"><time class="js-relative-date" datetime="2011-02-27T16:53:18-08:00" title="2011-02-27 16:53:18">February 27, 2011</time></span></td>
    </tr>
    <tr class="alt">
      <td class="icon">
        <span class="octicon octicon-file-text"></span>
        <img alt="Octocat-spinner-32" class="spinner" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="/buildinternet/supersized/blob/master/README.md" class="js-directory-link" id="04c6e90faac2675aa89e2176d2eec7d8-f894a66493239e36828bf1a1e871174159c8de43" title="README.md">README.md</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target"><a href="/buildinternet/supersized/commit/eabdb46ba47e4410c51ec808453c9767439ab84a" class="message" data-pjax="true" title="Added contact information to readme">Added contact information to readme</a></span>
      </td>
      <td class="age"><span class="css-truncate css-truncate-target"><time class="js-relative-date" datetime="2012-02-28T06:40:24-08:00" title="2012-02-28 06:40:24">February 28, 2012</time></span></td>
    </tr>
</tbody>

  </table>
</div>

  <div id="readme" class="clearfix announce instapaper_body md">
    <span class="name"><span class="octicon octicon-book"></span> README.md</span><article class="markdown-body entry-content" itemprop="mainContentOfPage"><h1>
<a name="supersized-jquery-plugin" class="anchor" href="#supersized-jquery-plugin"><span class="octicon octicon-link"></span></a>Supersized jQuery Plugin</h1>

<p>Documentation can be found on the official project page: <a href="http://www.buildinternet.com/project/supersized/">http://www.buildinternet.com/project/supersized/</a></p>

<p>*** Changelog ***</p>

<p>2/23/12 - 3.2.7</p>

<pre><code>*Fixed issue with previous thumbnail not loading correctly
*Autoplay now works when no transition is specified
*Updated Shutter theme CSS for smooth opacity transition when thumbnails are hovered over.
</code></pre>

<p>11/28/11 - 3.2.6</p>

<pre><code>*Fixed issue where previous slide was not displaying after goTo()
*Update supersized.3.2.6.js
</code></pre>

<p>9/23/11 - 3.2.5</p>

<pre><code>*Fixed resize error when only two slides were present
*Updated comments for slide_link to reflect actual option ("number" to "num")
</code></pre>

<p>7/13/11 - 3.2.4</p>

<pre><code>*Slideshow files updated to 3.2.4 to address Firefox 5+ bug with slides not loading
*Flickr fix for 1.1.2 for Flickr API and window load event conflicts (thanks to dbertram)
*Update to Shutter CSS file to fix IE7 issue where progress bar wasn't left aligned
</code></pre>

<p>7/8/11 - 3.2.3</p>

<pre><code>*Fixed bug where certain transitions broke slideshow since the 3.2.2 update in Firefox and IE
</code></pre>

<p>7/5/11  - 3.2.2</p>

<pre><code>*Reworked Supersized slides to be insides an unordered list, rather than anchor tags
*Slides now load upon request and populate the respective list item. Corrects potential bandwidth problem when caching is turned off, if images keep getting reloaded.
*Only affects base slideshow files: supersized.3.2.x.js and supersized.css
</code></pre>

<p>6/27/11 - 3.2.1</p>

<pre><code>*Fixed Supersized loader not displaying initially (theme files unaffected)
*Supersized project page now updated
</code></pre>

<p>6/20/11 - 3.2.0 Early Release</p>

<pre><code>*Documentation, announcement post, and project page update to follow
*The Flickr edition is not updated from 3.1.3 yet - this is on it's way
</code></pre>

<p>3/15/11 - 3.1.3 Update (All editions)</p>

<pre><code>*Added fix for images on IE failing to resize when loaded (update supersized.3.1.x.js)
</code></pre>

<p>3/11/11 - Supersized 3.1.2 Updates (All editions)</p>

<pre><code>*Added option for random slide order
*Updated min_height and min_width performance
</code></pre>

<p>3/5/11 - Supersized 3.1.1 and Supersized Flickr 1.1 Updates and Fixes</p>

<pre><code>*Smoother slide transitions (no longer uses the slide function)
*Files "effects.core.min.js" and "effects.slide.min.js" are no longer required
*Fixed overlapping images when sliding
*Fixed image resizing for slideshows with only 1 image
*Path for navigation button images is now defined in options
*Added option for basic JS image protection against right click/dragging
*Random start slides now possible in Slideshows (0 is random)
*Updated default #supersized-loader CSS and animated GIF to work better on light and dark backgrounds
</code></pre>

<p>2/27/11 - Updates to project page and licenses</p>

<pre><code>*Supersized 3.1 is licensed under either the MIT or GPL License
*Demos and documentation can now be found at the project page (http://buildinternet.com/project/supersized)
</code></pre>

<p>2/26/11 - Supersized 3.1 and Supersized Flickr 1.0 Released</p>

<pre><code>*Complete rewrite of the Supersized script
*Added image rendering for faster transition speeds on FF and IE
*Dynamic image handling (no longer relies on predefined ratios)
*Unobtrusive backgrounds - you no longer need to wrap your content in a special div.
*Many options added, including fit to screen, keyboard navigation, transition speed, and more.
*Created seperate script specifically for Flickr - can pull by user, set, or group.
*API Key is needed to use Supersized Flickr (http://www.flickr.com/services/apps/create/)

Expect updates to the project page, demos, and a corresponding announcement post on Build Internet.

**If you are upgrading from a previous version, the structure has changed - I will post how to go about this when I do the corresponding post.
</code></pre>

<p>2/11/11 - Supersized Core files updated with reduced code, cleaner file structure, and dynamic image proportions.</p>

<h2>
<a name="contact" class="anchor" href="#contact"><span class="octicon octicon-link"></span></a>Contact</h2>

<ul>
<li><a href="http://twitter.com/vivalasam">http://twitter.com/vivalasam</a></li>
<li><a href="mailto:sam@onemightyroar.com">sam@onemightyroar.com</a></li>
</ul></article>
  </div>


        </div>

      </div><!-- /.repo-container -->
      <div class="modal-backdrop"></div>
    </div><!-- /.container -->
  </div><!-- /.site -->


    </div><!-- /.wrapper -->

      <div class="container">
  <div class="site-footer">
    <ul class="site-footer-links right">
      <li><a href="https://status.github.com/">Status</a></li>
      <li><a href="http://developer.github.com">API</a></li>
      <li><a href="http://training.github.com">Training</a></li>
      <li><a href="http://shop.github.com">Shop</a></li>
      <li><a href="/blog">Blog</a></li>
      <li><a href="/about">About</a></li>

    </ul>

    <a href="/">
      <span class="mega-octicon octicon-mark-github"></span>
    </a>

    <ul class="site-footer-links">
      <li>&copy; 2013 <span title="0.02713s from github-fe121-cp1-prd.iad.github.net">GitHub</span>, Inc.</li>
        <li><a href="/site/terms">Terms</a></li>
        <li><a href="/site/privacy">Privacy</a></li>
        <li><a href="/security">Security</a></li>
        <li><a href="/contact">Contact</a></li>
    </ul>
  </div><!-- /.site-footer -->
</div><!-- /.container -->


    <div class="fullscreen-overlay js-fullscreen-overlay" id="fullscreen_overlay">
  <div class="fullscreen-container js-fullscreen-container">
    <div class="textarea-wrap">
      <textarea name="fullscreen-contents" id="fullscreen-contents" class="js-fullscreen-contents" placeholder="" data-suggester="fullscreen_suggester"></textarea>
          <div class="suggester-container">
              <div class="suggester fullscreen-suggester js-navigation-container" id="fullscreen_suggester"
                 data-url="/buildinternet/supersized/suggestions/commit">
              </div>
          </div>
    </div>
  </div>
  <div class="fullscreen-sidebar">
    <a href="#" class="exit-fullscreen js-exit-fullscreen tooltipped leftwards" title="Exit Zen Mode">
      <span class="mega-octicon octicon-screen-normal"></span>
    </a>
    <a href="#" class="theme-switcher js-theme-switcher tooltipped leftwards"
      title="Switch themes">
      <span class="octicon octicon-color-mode"></span>
    </a>
  </div>
</div>



    <div id="ajax-error-message" class="flash flash-error">
      <span class="octicon octicon-alert"></span>
      <a href="#" class="octicon octicon-remove-close close ajax-error-dismiss"></a>
      Something went wrong with that request. Please try again.
    </div>

  </body>
</html>

