Many bug improvements and fixes

fixes towards issues #14 and #15
hellsan631 · Oct 4, 2015 · 95052c5 · 95052c5
1 parent fd3191e
commit 95052c5
Show file tree

Hide file tree

Showing 9 changed files with 711 additions and 330 deletions.
diff --git a/demo/assets/css/perspectiveRules.css b/demo/assets/css/perspectiveRules.css
@@ -7,6 +7,10 @@
   overflow: hidden;
 }
 
+.ld-overlap-container {
+  position: absolute;
+}
+
 .ld-smart-container .ld-3d-parent {
   width: 100%;
   height: 100%;

diff --git a/demo/demo5.html b/demo/demo5.html
@@ -573,8 +573,8 @@
         document.getElementsByClassName('card'),
         {
           container: 'self',
-          //perspectiveMulti: 1.2,
-          mouseMode: 'window',
+          perspectiveMulti: 1.2,
+          mouseMode: 'magnetic',
           outerBuffer: 2,
           effectWeight: 3
         }

diff --git a/demo/index.html b/demo/index.html
@@ -6,6 +6,11 @@
     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
     <link href="assets/css/style.css" rel="stylesheet" />
     <link href="assets/css/perspectiveRules.css" rel="stylesheet" />
+    <style>
+      body {
+        overflow: hidden;
+      }
+    </style>
 </head>
 <body>
 
@@ -31,7 +36,12 @@
 <script src="assets/js/jquery.particleground.min.js"></script>
 <script src="jquery.logosDistort.js"></script>
 <script>
-    var particles = true;
+    var particles = {
+        dotColor: '#1ec5ee',
+        lineColor: '#0a4e90',
+        density: 20000,
+        parallax: false
+    };
     var particleDensity;
     var options = {
             effectWeight: 1,
@@ -40,14 +50,7 @@
             perspectiveMulti: 1.5,
             enableSmoothing: true,
             onInit: function() {
-              if (particles) {
-                  return $('#particle-target').particleground({
-                      dotColor: '#1ec5ee',
-                      lineColor: '#0a4e90',
-                      density: 20000,
-                      parallax: false
-                  });
-              }
+              $('#particle-target').particleground(particles);
             }
         };