Template:Team:DukeSafety/CSS

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 +
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 +
<head>
-
<!--THIS STYLE SHEET IS FOR THE SAFETY PAGE -->
 
-
 
-
<head>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
Line 24: Line 23:
</style>
</style>
-
<!-- replaced src="simplegallery.js" with the URL of the script -- hope it works! -->
+
<script type="text/javascript" src="simplegallery.js">
-
 
+
-
<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex4/simplegallery.js.">
+
/***********************************************
/***********************************************
Line 39: Line 36:
var mygallery=new simpleGallery({
var mygallery=new simpleGallery({
-
wrapperid: "simplegallery1", //ID of main gallery container,
+
wrapperid: "simplegallery1", //ID of main gallery container,
-
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
+
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
-
imagearray: [
+
imagearray: [
-
["farnbody.jpg", "", "_new", "There's nothing like a nice swim in the Summer."],
+
["http://i26.tinypic.com/11l7ls0.jpg", "http://en.wikipedia.org/wiki/Swimming_pool", "_new", "There's nothing like a nice swim in the Summer."],
-
["Cieslabody.jpg", "", "", ""]
+
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "", ""],
-
],
+
["http://i30.tinypic.com/531q3n.jpg", "", "", "Eat your fruits, it's good for you!"],
-
autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
+
["http://i31.tinypic.com/119w28m.jpg", "", "", ""]
-
persist: false, //remember last viewed slide and recall within same session?
+
],
-
fadeduration: 500, //transition duration (milliseconds)
+
autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
-
oninit:function(){ //event that fires when gallery has initialized/ ready to run
+
persist: false, //remember last viewed slide and recall within same session?
-
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
+
fadeduration: 500, //transition duration (milliseconds)
-
},
+
oninit:function(){ //event that fires when gallery has initialized/ ready to run
-
onslide:function(curslide, i){ //event that fires after each slide is shown
+
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
-
//Keyword "this": references current gallery instance
+
},
-
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
+
onslide:function(curslide, i){ //event that fires after each slide is shown
-
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
+
//Keyword "this": references current gallery instance
-
}
+
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
 +
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
 +
}
})
})
Line 62: Line 61:
<body>
<body>
 +
<div id="simplegallery1"></div>
<div id="simplegallery1"></div>
 +
</body>
</body>
</html>
</html>

Revision as of 23:59, 13 October 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Retrieved from "http://2014.igem.org/Template:Team:DukeSafety/CSS"