Apple Style

Apple iPhone4 Style Theme

Apple Style replicates the sliding theme used on apple.com for the Apple iPhone4 release. Frames can showcase multiple products each with a unique transition style. This theme includes controls toward the top which allow the user to pause Sequence’s autoPlay feature, navigation forwards and back between products, as well as showing an autoPlay progress bar.

  • Touch Support

    Touch Support

    Touch swiping and tapping supported to allow for navigation between frames.

  • Cross Browser

    Cross Browser

    Works across all modern browsers, with a fallback theme in Internet Explorer 7, 8 and 9.

  • Easily Modified

    Easily Modified

    All Sequence themes can be easily modified using just HTML and CSS. This theme also includes a SASS file.

  • Unique Theme Features

    Unique Theme Features

    Unique controls for navigation, autoPlay pause and progress bar.

Quick Installation

  1. Download the Apple Style theme which includes sequence.js
  2. Unzip and move the apple-style folder to the same directory as the page you'd like the theme to appear on
  3. Add this themes stylesheet within the <head></head> tags on your page, below existing stylesheets:
    <link rel="stylesheet" href="apple-style/css/sequencejs-theme.apple-style.css" />
  4. Add a reference to jQuery 1.9.1, sequence.js and this themes custom options within the <head></head> tags on your page:
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="apple-style/scripts/jquery.sequence-min.js"></script>
    <script src="apple-style/sequencejs-options.apple-style.js"></script>
  5. From index.html in the downloaded theme, copy everything inside the <body></body> tags, then paste into the page you'd like the theme to appear on
  6. Save your file and upload newly added/modified files to your web server. You're done!