load gifs on modal open

ShMcK · ShMcK · commit 49841a52c86a · 2016-07-03T16:21:25.000-07:00
diff --git a/_includes/modal.html b/_includes/modal.html
@@ -4,7 +4,6 @@
   </div>
   <div class="modal-content">
 		<h3>{{include.title}}</h3>
-    <img alt="{{include.title}}" height="450px" width="800px"
-			src="images/demos/{{include.image}}" />
+    <img alt="{{include.title}}" height="450px" width="800px" src="#" />
   </div>
 </div>
diff --git a/htaccess b/htaccess
@@ -1,5 +1,4 @@
 ---
-layout: none
 permalink: .htaccess
 ---
 # Compress text files
diff --git a/js/modals.js b/js/modals.js
@@ -1,8 +1,18 @@
 $(function() {
-    $("#atom-coderoad").animatedModal({
-      modalTarget: 'atom-coderoad-demo',
-    });
-    $("#builder-coderoad").animatedModal({
-      modalTarget: 'builder-coderoad-demo',
-    });
+  $("#atom-coderoad").animatedModal({
+    modalTarget: 'atom-coderoad-demo',
+    animatedIn:'zoomIn',
+    animatedOut:'zoomOut',
+    beforeOpen: function() {
+      $('#atom-coderoad-demo .modal-content img')
+      .attr("src", "images/demos/atom-coderoad.gif");
+    }
+  });
+  $("#builder-coderoad").animatedModal({
+    modalTarget: 'builder-coderoad-demo',
+    beforeOpen: function() {
+      $('#builder-coderoad-demo .modal-content img')
+        .attr("src", "images/demos/builder-demo.gif");
+    }
+  });
 });
diff --git a/js/modals.min.js b/js/modals.min.js
