Team:Waterloo/Gallery

From 2014.igem.org

(Difference between revisions)
Line 5: Line 5:
<html>
<html>
<style>
<style>
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
+
  #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 +
 
 +
.jgallery.jgallery-standard{top:auto;left:auto;right:auto;bottom:auto;position:relative;z-index:0;overflow:hidden}
</style>
</style>
-
$( function(){
+
<script src="//cdnjs.cloudflare.com/ajax/libs/tinycolor/1.0.0/tinycolor.min.js"></script>
-
    $( "#gallery" ).jGallery( {
+
<script src="//cdnjs.cloudflare.com/ajax/libs/tinycolor/1.0.0/tinycolor.min.js"></script>
-
        "transition":"moveToLeft_moveFromRight",
+
-
        "transitionBackward":"moveToRight_moveFromLeft",
+
-
        "transitionCols":"1",
+
-
        "transitionRows":"1",
+
-
        "thumbnailsPosition":"bottom",
+
-
        "thumbType":"square",
+
-
        "backgroundColor":"000000",
+
-
        "textColor":"FFFFFF",
+
-
        "mode":"slider"
+
-
    } );
+
-
} );
+
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
<script type ="text/javascript">
-
<script type="text/javascript">
+
   //Align headings
   //Align headings
Line 37: Line 27:
   $(document).ready(alignHeadings);
   $(document).ready(alignHeadings);
   $(window).resize(alignHeadings);
   $(window).resize(alignHeadings);
 +
 +
  /*
 +
  (function(){
 +
    $("#gallery").jGallery({
 +
      "transition":"moveToLeft_moveFromRight",
 +
      "transitionBackward":"moveToRight_moveFromLeft",
 +
      "transitionCols":"1",
 +
      "transitionRows":"1",
 +
      "thumbnailsPosition":"bottom",
 +
      "thumbType":"square",
 +
      "backgroundColor":"000000",
 +
      "textColor":"FFFFFF",
 +
      "mode":"slider"
 +
    });
 +
  })();
 +
  */
 +
</script>
</script>
 +
 +
<div id="gallery">
 +
  <img src="http://placekitten.com/500/600" />
 +
  <img src="http://placekitten.com/500/400" />
 +
</div>
 +
</html>
</html>
{{Template:Team:Waterloo/Footbar}}
{{Template:Team:Waterloo/Footbar}}
{{Template:Team:Waterloo/JS/WaterlooTeam}}
{{Template:Team:Waterloo/JS/WaterlooTeam}}
{{Template:Team:Waterloo/JS/baseWiki}}
{{Template:Team:Waterloo/JS/baseWiki}}

Revision as of 06:17, 17 October 2014