Template:WashUPhotoGallery

From 2012.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 1: Line 1:
-
[[File:Gallery.swf]]
+
{{WashUPhotoGallerycss}}
-
{{WashUgallery}}
+
<!--Credit to UIUC Illinois iGEM 2012 for their implementation of an idea that we wanted to do. Their site inspired us to work harder and figure out how to do this ourselves.-->
-
{{WashUjquery}}
+
-
{{WashUswfobject}}
+
<html>
<html>
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<style type ="text/javascript">
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<gallery>
+
-
    <galleryName>Art Gallery</galleryName>
+
<head>
-
    <settings>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
          <image>
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
-
 
+
<script src="http://washuigemphotogallery.googlecode.com/files/galleria-1.2.7.min.js"></script>
-
              <useShadow>1</useShadow>
+
</head>
-
              <align>center</align>
+
-
              <cornerRadius>10</cornerRadius>
+
-
              <transitionDuration>1</transitionDuration>
+
-
              <scaleMode>fill</scaleMode>
+
-
              <transitionEffect>fit</transitionEffect>
+
-
          </image>
+
-
          <buttons>
+
-
 
+
-
 
+
-
 
+
-
              <slideshowButton>1</slideshowButton>
+
-
              <position>right</position>
+
-
              <navigationButtons>1</navigationButtons>
+
-
              <fullScreenButton>1</fullScreenButton>
+
-
          </buttons>
+
-
          <preloader>
+
-
 
+
-
              <alpha>80</alpha>
+
-
              <usePreloader>1</usePreloader>
+
-
          </preloader>
+
-
          <thumbBar>
+
-
 
+
-
 
+
-
              <useThumbBar>1</useThumbBar>
+
-
              <position>bottom</position>
+
-
              <scrollSpeed>10</scrollSpeed>
+
-
          </thumbBar>
+
-
          <thumbnail>
+
-
 
+
-
 
+
-
              <useShadow>1</useShadow>
+
-
              <cornerRadius>0</cornerRadius>
+
-
              <width>60</width>
+
-
              <outlineColor>3355443</outlineColor>
+
-
              <height>45</height>
+
-
              <alpha>70</alpha>
+
-
              <outlineColorOnRollOver>6710886</outlineColorOnRollOver>
+
-
              <outlineColorOnClick>10066329</outlineColorOnClick>
+
-
          </thumbnail>
+
-
          <background>
+
-
 
+
-
              <bgColor>16777215</bgColor>
+
-
              <transparentBG>1</transparentBG>
+
-
          </background>
+
-
          <caption>
+
-
 
+
-
 
+
-
              <fontName>Arial</fontName>
+
-
              <position>bottom</position>
+
-
              <color>16777215</color>
+
-
              <bgAlpha>30</bgAlpha>
+
-
              <bgColor>0</bgColor>
+
-
              <fontSize>11</fontSize>
+
-
              <visibleMode>onRollOver</visibleMode>
+
-
          </caption>
+
-
          <slideshow>
+
-
 
+
-
 
+
-
 
+
-
              <loop>1</loop>
+
-
              <start>1</start>
+
-
              <delay>2.5</delay>
+
-
              <stopAutoOnClick>1</stopAutoOnClick>
+
-
          </slideshow>
+
-
          <preview>
+
 +
<body>
-
              <useShadow>1</useShadow>
+
<!--Content Start-->
-
              <width>200</width>
+
    <div id="content1-topcenter">
-
              <usePreview>1</usePreview>
+
-
              <height>100</height>
+
-
              <alpha>100</alpha>
+
-
              <cornerRadius>10</cornerRadius>
+
-
              <outlineColor>16777215</outlineColor>
+
-
          </preview>
+
-
    </settings>
+
-
    <items>
+
-
          <item>
+
-
              <source>https://lh3.googleusercontent.com/-isttUszXwEc/T9YLHslO0JI/AAAAAAAAAB4/39xJI1mH57k/s640/P1050389.JPG</source>
+
        <div id="galleria">
-
              <thumb>igempicsgal/images/t1.png</thumb>
+
            <img src="https://lh3.googleusercontent.com/-wRfqEDxRJM4/T-yvPE9SkVI/AAAAAAAAANU/FKW9buabxH4/s800/P1050501.JPG">
-
          </item>
+
            <img src="https://lh3.googleusercontent.com/-4OxZtCS6lX4/T_WTV9vubmI/AAAAAAAAARI/Im7ADpihvWs/s800/P1050634.JPG">
-
          <item>
+
            <img src="https://lh5.googleusercontent.com/-xb_QasdnsjA/UCLjx-nv-nI/AAAAAAAAAfM/j6PgaP_lcnQ/s800/P1060020.JPG">
 +
            <img src="https://lh5.googleusercontent.com/-6fFuhw2-sf4/T-ywtnqKqbI/AAAAAAAAANs/wN9aqfgc2to/s800/20120620_180232.jpg">
 +
            <img src="https://lh6.googleusercontent.com/-o770FjmW2oI/T-zOwxyS6mI/AAAAAAAAAP0/XSQfCEzgEdY/s800/P1050550.jpg">
 +
            <img src="https://lh5.googleusercontent.com/-vunnaspAM3Y/UCvzDHzp7EI/AAAAAAAAAg8/Nbei_G9KGWo/s800/P1050993.JPG">
 +
            <img src="https://lh4.googleusercontent.com/-5UrHwTMRPiM/UCvyrIlsayI/AAAAAAAAAhc/CKYZHdMvoFo/s800/P1060127.JPG">
 +
        </div>
 +
<script>
 +
    Galleria.loadTheme('http://washuigemphotogallery.googlecode.com/files/galleria.classic.min.js');
 +
    Galleria.run('#galleria', {
 +
imageCrop:'landscape',
 +
transition: 'fade',
 +
lightbox: true,
 +
autoplay: 5000
 +
});
 +
</script>
-
              <source>igempicsgal/images/2.png</source>
+
</body>
-
              <thumb>igempicsgal/images/t2.png</thumb>
+
-
          </item>
+
-
    </items>
+
-
</gallery>
+
-
</style>
+
</html>
</html>

Latest revision as of 19:55, 15 August 2012

Retrieved from "http://2012.igem.org/Template:WashUPhotoGallery"