Team:Macquarie Australia/Phototest1

From 2013.igem.org

(Difference between revisions)
Line 57: Line 57:
</style>
</style>
-
<script src="bgcarousel.js" type="text/javascript">
+
<script src="http://www.dynamicdrive.com/dynamicindex14/bgcarousel.js" type="text/javascript">
/***********************************************
/***********************************************
Line 70: Line 70:
var firstbgcarousel=new bgCarousel({
var firstbgcarousel=new bgCarousel({
-
wrapperid: 'mybgcarousel', //ID of blank DIV on page to house carousel
+
wrapperid: 'mybgcarousel', //ID of blank DIV on page to house carousel
-
imagearray: [
+
imagearray: [
-
['File:ImageBar55.png]', '<h2>Autumn Day</h2>The sun peaks through the trees, a knife that cuts through the chill, crisp air.'], //["image_path", "optional description"]
+
  ['autumnpark.jpg', '<h2>Autumn Day</h2>The sun peaks through the trees.'], // ["image_path", "optional description"]
-
['chime.jpg', '<h2>Wind Chime</h2>The bellweather of the sky, the chime speaks of impending turmoil.'],
+
  ['chime.jpg', '<h2>Wind Chime</h2>The bellweather of the sky, the chime speaks of impending turmoil.'],
-
['girlportrait.jpg', 'The scent of spring invigorates her as she inhales whilst the warm breeze brings a wave of tranquility.'],
+
  ['girlportrait.jpg', 'The scent of spring invigorates her as she inhales whilst the warm breeze brings a wave of tranquility.'],
-
['redbench.jpg', 'Alone and Lonliness- Peace and Inner Struggle'] //<--no trailing comma after very last image element!
+
  ['redbench.jpg', 'Alone and Lonliness- Peace and Inner Struggle'] //<--no trailing comma after very last image element!
-
],
+
],
-
displaymode: {type:'auto', pause:3000, cycles:2, stoponclick:false, pauseonmouseover:true},
+
displaymode: {type:'auto', pause:3000, cycles:2, stoponclick:false, pauseonmouseover:true},
-
navbuttons: ['left.gif', 'right.gif', 'up.gif', 'down.gif'], // path to nav images
+
navbuttons: ['left.gif', 'right.gif', 'up.gif', 'down.gif'], // path to nav images
-
activeslideclass: 'selectedslide', // CSS class that gets added to currently shown DIV slide
+
activeslideclass: 'selectedslide', // CSS class that gets added to currently shown DIV slide
-
orientation: 'h', //Valid values: "h" or "v"
+
orientation: 'h', //Valid values: "h" or "v"
-
persist: true, //remember last viewed slide and recall within same session?
+
persist: true, //remember last viewed slide and recall within same session?
-
slideduration: 500 //transition duration (milliseconds)
+
slideduration: 500 //transition duration (milliseconds)
})
})
</script>
</script>
-
<div id="firstbgcarousel" class="bgcarousel"></div>
+
<div id="mybgcarousel" class="bgcarousel"></div>

Revision as of 16:46, 1 August 2013