Team:MSOE Milwaukee/Undergrads

From 2013.igem.org

(Difference between revisions)
Line 11: Line 11:
Matthew Reichartz<br>
Matthew Reichartz<br>
Selena Dickenson<br>
Selena Dickenson<br>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
<script type="text/javascript">
+
<script type="text/javascript" src="fadeslideshow.js">
-
var num=1
+
/***********************************************
-
img1 = new Image()
+
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
-
img1.src = "https://static.igem.org/mediawiki/2013/e/ee/Matt_reichartz.png"
+
* This notice MUST stay intact for legal use
-
img2 = new Image()
+
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
-
img2.src = "https://static.igem.org/mediawiki/2013/e/ee/Matt_reichartz.png"
+
***********************************************/
-
img3 = new Image()
+
-
img3.src = "https://static.igem.org/mediawiki/2013/e/ee/Matt_reichartz.png"
+
-
img4 = new Image()
+
-
img4.src = "https://static.igem.org/mediawiki/2013/e/ee/Matt_reichartz.png"
+
-
text1 = "This is Matt"
+
</script>
-
text2 = "This is still Matt"
+
-
text3 = "This is a WIP"
+
-
text4 = "Still Matt"
+
-
function slideshowUp()
+
<script type="text/javascript">
-
{
+
-
num=num+1
+
-
if (num==5)
+
-
{num=1}
+
-
document.mypic.src=eval("img"+num+".src")
+
-
document.joe.burns.value=eval("text"+num)
+
-
}
+
-
 
+
-
function slideshowBack()
+
-
{
+
-
num=num-1
+
-
if (num==0)
+
-
{num=4}
+
-
document.mypic.src=eval("img"+num+".src")
+
-
document.joe.burns.value=eval("text"+num)
+
-
}
+
-
 
+
-
</SCRIPT>
+
-
 
+
-
<!-- The Image and Form Codes are Below -->  
+
-
<CENTER>
+
var mygallery=new fadeSlideShow({
-
<IMG SRC="information.gif" NAME="mypic" BORDER=0 HEIGHT="100" WIDTH="100">
+
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
-
<p>
+
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
 +
imagearray: [
 +
["https://static.igem.org/mediawiki/2013/e/ee/Matt_reichartz.png", "", "", "Matt"],
 +
["https://static.igem.org/mediawiki/2013/e/ee/Matt_reichartz.png", "http://en.wikipedia.org/wiki/Cave", "_new", "Matt"],
 +
["https://static.igem.org/mediawiki/2013/e/ee/Matt_reichartz.png"],
 +
["https://static.igem.org/mediawiki/2013/e/ee/Matt_reichartz.png", "", "", "Matt"] //<--no trailing comma after very last image element!
 +
],
 +
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
 +
persist: false, //remember last viewed slide and recall within same session?
 +
fadeduration: 500, //transition duration (milliseconds)
 +
descreveal: "ondemand",
 +
togglerid: ""
 +
})
-
<FORM NAME="joe">
 
-
<INPUT TYPE="text" WIDTH="100" NAME="burns" VALUE="Text For Picture One">
 
-
</FORM>
 
-
<A HREF="JavaScript:slideshowBack()"> Back</A>
+
var mygallery2=new fadeSlideShow({
 +
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
 +
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
 +
imagearray: [
 +
["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
 +
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
 +
["http://i30.tinypic.com/531q3n.jpg"],
 +
["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
 +
],
 +
displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
 +
persist: false, //remember last viewed slide and recall within same session?
 +
fadeduration: 500, //transition duration (milliseconds)
 +
descreveal: "always",
 +
togglerid: "fadeshow2toggler"
 +
})
-
<A HREF="JavaScript:slideshowUp()"> Next</A>
+
</script>
</HTML>
</HTML>

Revision as of 22:58, 17 June 2013

  • 1 1

Undergrads

Jenna Harvestine
Patrick Van Handel
James Wiatr
Rebecca Majewski
Matthew Reichartz
Selena Dickenson