topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

lib-jquery-plugin-parallax-parallax-demos.htm / htm



  <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
  
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
  <title>webdev.stephband.info</title>
  
  <link rel="icon" type="image/png" href="http://webdev.stephband.info/images/favicon.png">
  
  <style type="text/css" media="screen, projection">
  
  @import "lib-jquery-plugin-parallax-css-reset.css";
  @import "lib-jquery-plugin-parallax-css-typography.css";
  @import "lib-jquery-plugin-parallax-css-style-dark.css";
  
  </style>
  
  <script type="text/javascript" src="lib-jquery-plugin-parallax-parallax-demos-files-jquery-1.js"></script>
  <script type="text/javascript" src="lib-jquery-plugin-parallax-parallax-demos-files-jquery.js"></script>
  <script type="text/javascript">
  <!--
  
  // jQuery.noConflict();
  
  // RUN
  
  var corners = '<img src="images/corner-dark-tl.png" class="tl" />'+
                                                          '<img src="images/corner-dark-tr.png" class="tr" />'+
                                                          '<img src="images/corner-dark-bl.png" class="bl" />'+
                                                          '<img src="images/corner-dark-br.png" class="br" />';
  
  jQuery(document).ready(function(){
  
    jQuery('h1').html('<img src="images/logo_stephband_grey.png" />');
          
          jQuery('#parallax').jparallax().append(corners);
  
  });
  
  //-->
  </script>
  
  <!--[if lt IE 7]>
  <script type="text/javascript" src="js/jquery.ifixpng.js"></script>
  <script type="text/javascript">jQuery(document).ready(function(){ jQuery('img[@src=.png]').ifixpng(); });</script>
  <![endif]-->
  <!--[if lt IE 8]>
  <style type="text/css">
  @import "css/style-ie.css";
  </style>
  <![endif]-->
  
  </head><body>
  
  <div id="header">
  <a href="http://webdev.stephband.info/index.html"><h1><img src="lib-jquery-plugin-parallax-parallax-demos-files-logo-stephband-grey.png"></h1></a>
  </div>
  
  <div id="content">
  
  <h2>jParallax Demos <a href="http://webdev.stephband.info/parallax_demos_stalkbuttons.html">next</a></h2>
  
  <div id="parallax">
          <img src="lib-jquery-plugin-parallax-parallax-demos-files-0.png" alt="" style="width: 978px; height: 325px; position: absolute; left: 21.3183%; margin-left: -208.493px; top: 0.0838725%; margin-top: -0.272586px;">
          <img src="lib-jquery-plugin-parallax-parallax-demos-files-1.png" alt="" style="width: 987px; height: 328px; position: absolute; left: 21.3183%; margin-left: -210.411px; top: 0.0838725%; margin-top: -0.275102px;">
          <img src="lib-jquery-plugin-parallax-parallax-demos-files-2.png" alt="" style="width: 1001px; height: 333px; position: absolute; left: 21.3183%; margin-left: -213.396px; top: 0.0838725%; margin-top: -0.279295px;">
          <img src="lib-jquery-plugin-parallax-parallax-demos-files-3.png" alt="" style="width: 1031px; height: 343px; position: absolute; left: 21.3183%; margin-left: -219.791px; top: 0.0838725%; margin-top: -0.287683px;">
          <img src="lib-jquery-plugin-parallax-parallax-demos-files-4.png" alt="" style="width: 1067px; height: 355px; position: absolute; left: 21.3183%; margin-left: -227.466px; top: 0.0838725%; margin-top: -0.297747px;">
          <img src="lib-jquery-plugin-parallax-parallax-demos-files-5.png" alt="" style="width: 1120px; height: 373px; position: absolute; left: 21.3183%; margin-left: -238.765px; top: 0.0838725%; margin-top: -0.312844px;">
          <img src="lib-jquery-plugin-parallax-parallax-demos-files-6.png" alt="" style="width: 1200px; height: 400px; position: absolute; left: 21.3183%; margin-left: -255.819px; top: 0.0838725%; margin-top: -0.33549px;">
  <img src="lib-jquery-plugin-parallax-parallax-demos-files-corner-dark-tl.png" class="tl"><img src="lib-jquery-plugin-parallax-parallax-demos-files-corner-dark-tr.png" class="tr"><img src="lib-jquery-plugin-parallax-parallax-demos-files-corner-dark-bl.png" class="bl"><img src="lib-jquery-plugin-parallax-parallax-demos-files-corner-dark-br.png" class="br"></div>
  
  <!-- Seven image layers, all left to their default options.  Each layer is slightly bigger than the one behind, making 'closer' layers move faster. -->
  
  </div>
  
  </body></html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.