Tomáš Daněk

Parallax efekt – obrázky a video na pozadí:

• Implement a Simple Parallax Effect

  • jQuery(document).ready(function($) {
        // Set the background-attachment for body to "fixed" so that
        // we can control it's scroll speed.
        $('body').css('background-attachment', 'fixed');
    
        // Attach a function to watch the window.scroll event, and
        // move the background image slower than the content scroll.
        $(window).scroll(function () {
            document.body.style.backgroundPosition = "0px " + (0 – (Math.max(document.documentElement.scrollTop, document.body.scrollTop) / 4)) + "px";
        });
    });

• Wordpress
  • Super Simple jQuery Parallax Background
  • Dante – Responsive Multi-Purpose WordPress Theme 
• Drupal
  • HTML5 parallax effect with Drupal
• Další
  • Skrollr
  • sequencejs.com/themes/sliding-horizontal-parallax
  • github.com/IanLunn/jQuery-Parallax
  • pixelcog.github.io/parallax.js
  • github.com/flesler/jquery.scrollTo

Příklad parallax efektu: wwws.superfish.com