Added Simple-Parallax-Scrolling

glix · Mar 10, 2014 · 4c20744 · 4c20744
1 parent 1584ff8
commit 4c20744
Show file tree

Hide file tree

Showing 8 changed files with 353 additions and 0 deletions.
diff --git a/Simple-Parallax-Scrolling/.gitattributes b/Simple-Parallax-Scrolling/.gitattributes
@@ -0,0 +1,22 @@
+# Auto detect text files and perform LF normalization
+* text=auto
+
+# Custom for Visual Studio
+*.cs     diff=csharp
+*.sln    merge=union
+*.csproj merge=union
+*.vbproj merge=union
+*.fsproj merge=union
+*.dbproj merge=union
+
+# Standard to msysgit
+*.doc	 diff=astextplain
+*.DOC	 diff=astextplain
+*.docx diff=astextplain
+*.DOCX diff=astextplain
+*.dot  diff=astextplain
+*.DOT  diff=astextplain
+*.pdf  diff=astextplain
+*.PDF	 diff=astextplain
+*.rtf	 diff=astextplain
+*.RTF	 diff=astextplain
diff --git a/Simple-Parallax-Scrolling/.gitignore b/Simple-Parallax-Scrolling/.gitignore
@@ -0,0 +1,215 @@
+#################
+## Eclipse
+#################
+
+*.pydevproject
+.project
+.metadata
+bin/
+tmp/
+*.tmp
+*.bak
+*.swp
+*~.nib
+local.properties
+.classpath
+.settings/
+.loadpath
+
+# External tool builders
+.externalToolBuilders/
+
+# Locally stored "Eclipse launch configurations"
+*.launch
+
+# CDT-specific
+.cproject
+
+# PDT-specific
+.buildpath
+
+
+#################
+## Visual Studio
+#################
+
+## Ignore Visual Studio temporary files, build results, and
+## files generated by popular Visual Studio add-ons.
+
+# User-specific files
+*.suo
+*.user
+*.sln.docstates
+
+# Build results
+
+[Dd]ebug/
+[Rr]elease/
+x64/
+build/
+[Bb]in/
+[Oo]bj/
+
+# MSTest test Results
+[Tt]est[Rr]esult*/
+[Bb]uild[Ll]og.*
+
+*_i.c
+*_p.c
+*.ilk
+*.meta
+*.obj
+*.pch
+*.pdb
+*.pgc
+*.pgd
+*.rsp
+*.sbr
+*.tlb
+*.tli
+*.tlh
+*.tmp
+*.tmp_proj
+*.log
+*.vspscc
+*.vssscc
+.builds
+*.pidb
+*.log
+*.scc
+
+# Visual C++ cache files
+ipch/
+*.aps
+*.ncb
+*.opensdf
+*.sdf
+*.cachefile
+
+# Visual Studio profiler
+*.psess
+*.vsp
+*.vspx
+
+# Guidance Automation Toolkit
+*.gpState
+
+# ReSharper is a .NET coding add-in
+_ReSharper*/
+*.[Rr]e[Ss]harper
+
+# TeamCity is a build add-in
+_TeamCity*
+
+# DotCover is a Code Coverage Tool
+*.dotCover
+
+# NCrunch
+*.ncrunch*
+.*crunch*.local.xml
+
+# Installshield output folder
+[Ee]xpress/
+
+# DocProject is a documentation generator add-in
+DocProject/buildhelp/
+DocProject/Help/*.HxT
+DocProject/Help/*.HxC
+DocProject/Help/*.hhc
+DocProject/Help/*.hhk
+DocProject/Help/*.hhp
+DocProject/Help/Html2
+DocProject/Help/html
+
+# Click-Once directory
+publish/
+
+# Publish Web Output
+*.Publish.xml
+*.pubxml
+
+# NuGet Packages Directory
+## TODO: If you have NuGet Package Restore enabled, uncomment the next line
+#packages/
+
+# Windows Azure Build Output
+csx
+*.build.csdef
+
+# Windows Store app package directory
+AppPackages/
+
+# Others
+sql/
+*.Cache
+ClientBin/
+[Ss]tyle[Cc]op.*
+~$*
+*~
+*.dbmdl
+*.[Pp]ublish.xml
+*.pfx
+*.publishsettings
+
+# RIA/Silverlight projects
+Generated_Code/
+
+# Backup & report files from converting an old project file to a newer
+# Visual Studio version. Backup files are not needed, because we have git ;-)
+_UpgradeReport_Files/
+Backup*/
+UpgradeLog*.XML
+UpgradeLog*.htm
+
+# SQL Server files
+App_Data/*.mdf
+App_Data/*.ldf
+
+#############
+## Windows detritus
+#############
+
+# Windows image file caches
+Thumbs.db
+ehthumbs.db
+
+# Folder config file
+Desktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Mac crap
+.DS_Store
+
+
+#############
+## Python
+#############
+
+*.py[co]
+
+# Packages
+*.egg
+*.egg-info
+dist/
+build/
+eggs/
+parts/
+var/
+sdist/
+develop-eggs/
+.installed.cfg
+
+# Installer logs
+pip-log.txt
+
+# Unit test / coverage reports
+.coverage
+.tox
+
+#Translations
+*.mo
+
+#Mr Developer
+.mr.developer.cfg
diff --git a/Simple-Parallax-Scrolling/images/bg_0.jpg b/Simple-Parallax-Scrolling/images/bg_0.jpg
diff --git a/Simple-Parallax-Scrolling/images/bg_1.jpg b/Simple-Parallax-Scrolling/images/bg_1.jpg
diff --git a/Simple-Parallax-Scrolling/images/bg_2.jpg b/Simple-Parallax-Scrolling/images/bg_2.jpg
diff --git a/Simple-Parallax-Scrolling/images/geek.png b/Simple-Parallax-Scrolling/images/geek.png
diff --git a/Simple-Parallax-Scrolling/index.html b/Simple-Parallax-Scrolling/index.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>jQuery Efecto Parallax Plugin Demo</title>
+<!-- CSS Code -->
+<link rel="stylesheet" href="style.css">
+<!-- JS Code -->
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
+<script>
+			$(document).ready(function(){
+			    $('section[data-type="parallax_section"]').each(function(){
+			        var $bgobj = $(this); // Variable para asignacion de objeto
+			        $(window).scroll(function() {
+			        	$window = $(window);
+			            var yPos = -($window.scrollTop() / $bgobj.data('speed'));
+			            // cordinadas del background
+			            var coords = '50% '+ yPos + 'px';
+			            // moviendo el background
+			            $bgobj.css({ backgroundPosition: coords });
+			        });
+			    });
+			});
+
+		</script>
+</head>
+<body>
+<section id="home" data-type="parallax_section" data-speed="10">
+<article>
+<h2>jQuery Efecto Parallax Plugin Demo</h2>
+<div class="jquery-script-ads"><script type="text/javascript"><!--
+google_ad_client = "ca-pub-2783044520727903";
+/* jQuery_demo */
+google_ad_slot = "2780937993";
+google_ad_width = 728;
+google_ad_height = 90;
+//-->
+</script>
+<script type="text/javascript"
+src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
+</script></div>
+</article>
+</section>
+<section id="seccion2" data-type="parallax_section" data-speed="10">
+<article>
+<div class="geekhome"> </div>
+<h2>Pagina: 2</h2>
+</article>
+</section>
+<section id="section3" data-type="parallax_section" data-speed="10">
+<article>
+<div class="geekhome"> </div>
+<h2>Pagina: 3</h2>
+</article>
+</section>
+</body>
+</html>
diff --git a/Simple-Parallax-Scrolling/style.css b/Simple-Parallax-Scrolling/style.css
@@ -0,0 +1,59 @@
+*, html {
+margin: 0px;
+padding: 0px;
+}
+h2 {
+color: #fff;
+font-family: helvetica;
+text-align: center;
+}
+#home {
+background: url(images/bg_0.jpg) 50% 0 no-repeat fixed;
+min-height: 700px;
+margin: 0 auto;
+width: 100%;
+max-width: 1920px;
+position: relative;
+-webkit-background-size: cover;
+-moz-background-size: cover;
+-o-background-size: cover;
+background-size: cover;
+}
+#seccion2 {
+background: url(images/bg_1.jpg) 50% 0 no-repeat fixed;
+min-height: 700px;
+margin: 0 auto;
+width: 100%;
+max-width: 1920px;
+position: relative;
+-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
+box-shadow: 0 0 20px rgba(0,0,0,0.4);
+-webkit-background-size: cover;
+-moz-background-size: cover;
+-o-background-size: cover;
+background-size: cover;
+}
+#section3 {
+background: url(images/bg_2.jpg) 50% 0 no-repeat fixed;
+min-height: 700px;
+margin: 0 auto;
+width: 100%;
+max-width: 1920px;
+position: relative;
+-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
+box-shadow: 0 0 20px rgba(0,0,0,0.4);
+-webkit-background-size: cover;
+-moz-background-size: cover;
+-o-background-size: cover;
+background-size: cover;
+}
+article {
+padding: 100px;
+}
+.geekhome {
+background: url(images/geek.png) no-repeat;
+display: block;
+height: 368px;
+margin: 0px auto;
+width: 517px;
+}