Team:Waterloo/Gallery

From 2014.igem.org

(Difference between revisions)
Line 27: Line 27:
<div id="gallery">
<div id="gallery">
   <div class="album" data-jgallery-album-title="Album 1">
   <div class="album" data-jgallery-album-title="Album 1">
-
      <h1>Album 1</h1>
+
    <h1>Album 1</h1>
-
      <!--
+
    <!--
-
      <a href="images/large/1.jpg">
+
    <a href="images/large/1.jpg">
-
          <img src="images/thumbs/1.jpg" data-jgallery-bg-color="#3e3e3e" data-jgallery-text-color="#fff" />
+
        <img src="images/thumbs/1.jpg" data-jgallery-bg-color="#3e3e3e" data-jgallery-text-color="#fff" />
-
      </a>
+
    </a>
-
      -->
+
    -->
-
      <img src="https://static.igem.org/mediawiki/2014/1/16/Waterloo_SuzieAlexander.jpg" />
+
    <img src="https://static.igem.org/mediawiki/2014/1/16/Waterloo_SuzieAlexander.jpg" />
-
      <img src="http://placekitten.com/500/400" />
+
    <img src="https://static.igem.org/mediawiki/2014/1/16/Waterloo_SuzieAlexander.jpg" />
-
      <img src="http://placekitten.com/500/400" />
+
    <img src="https://static.igem.org/mediawiki/2014/1/16/Waterloo_SuzieAlexander.jpg" />
-
      <img src="http://placekitten.com/500/400" />
+
    <img src="https://static.igem.org/mediawiki/2014/1/16/Waterloo_SuzieAlexander.jpg" />
-
      <img src="http://placekitten.com/500/400" />
+
    <img src="https://static.igem.org/mediawiki/2014/1/16/Waterloo_SuzieAlexander.jpg" />
-
      <!-- more images -->
+
    <!-- more images -->
   </div>
   </div>
   <!-- more albums -->
   <!-- more albums -->
Line 46: Line 46:
<script type="text/javascript">
<script type="text/javascript">
-
   (function(){
+
   $("#gallery").jGallery({
-
    $("#gallery").jGallery({
+
    "transition":"moveToLeft_moveFromRight",
-
      "transition":"moveToLeft_moveFromRight",
+
    "transitionBackward":"moveToRight_moveFromLeft",
-
      "transitionBackward":"moveToRight_moveFromLeft",
+
    "transitionCols":"1",
-
      "transitionCols":"1",
+
    "transitionRows":"1",
-
      "transitionRows":"1",
+
    "thumbnailsPosition":"bottom",
-
      "thumbnailsPosition":"bottom",
+
    "thumbType":"square",
-
      "thumbType":"square",
+
    "backgroundColor":"000000",
-
      "backgroundColor":"000000",
+
    "textColor":"FFFFFF",
-
      "textColor":"FFFFFF",
+
    "mode":"standard"
-
      "mode":"standard"
+
   });
-
    });
+
-
   })();
+
-
 
+
</script>
</script>

Revision as of 07:11, 17 October 2014