added gifs

index.html

@@ -48,6 +48,7 @@ <h2 class="notoc">FOSS4G 2014 workshop</h2>
 <p>
   <a href="https://2014.foss4g.org" title="FOSS4G 2014"><img src="foss4g-2014.png" alt="FOSS4G 2014 logo"></a>
   <a href="http://grass.osgeo.org" title="GRASS GIS"><img src="grass-large.png" alt="GRASS GIS logo"></a>
+  <img style="width: 150px; padding-left:20px" src="NagsHead.gif" alt="NagsHead DEM animation">
 </p>
 
 <p>
@@ -771,9 +772,10 @@ <h3>Time series registration and visualization</h3>
 
 <img src="./pictures/anim_3d_dialog.png" alt="animation dialog" style="width: 200px;"/>
 </li>
-<li> The result can look like this:<br>
+<li> The result can look like this, click on picture to show animation:<br>
 <!-- got black box for 3D animation on 10.6, try it on Mac 10.8. -->
-<img src="./pictures/anim4_result.png" alt="NagsHead series 2D and 3D animation" style="width: 600px;"/></li>
+<a target="_blank" href="./pictures/NagsHead_animation.gif" >
+<img src="./pictures/anim4_result.png" alt="NagsHead series 2D and 3D animation" style="width: 600px;"/></a></li>
 </ol>
 <p>
 Sidenote: for scripting or working in command line, you can save your 3D settings