"
Team:Macquarie Australia/Phototest1
From 2013.igem.org
(Difference between revisions)
(Created page with "<html lang="en"> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <style> div.bgcarousel{ /* CSS for ...") |
|||
| (6 intermediate revisions not shown) | |||
| Line 10: | Line 10: | ||
div.bgcarousel{ /* CSS for main carousel container */ | div.bgcarousel{ /* CSS for main carousel container */ | ||
background: black url(ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */ | background: black url(ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */ | ||
| - | width: | + | width:965px; /* default dimensions of carousel */ |
| - | height: | + | height:250px; |
} | } | ||
| 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 | |
| - | + | imagearray: [ | |
| - | ['https://static.igem.org/mediawiki/2013/0/ | + | ['https://static.igem.org/mediawiki/2013/0/09/ImageBar55.png', '<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.'], | |
| - | + | ['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! | |
| - | + | ], | |
| - | + | displaymode: {type:'auto', pause:3000, cycles:2, stoponclick:false, pauseonmouseover:true}, | |
| - | + | 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 | |
| + | orientation: 'h', //Valid values: "h" or "v" | ||
| + | persist: true, //remember last viewed slide and recall within same session? | ||
| + | slideduration: 500 //transition duration (milliseconds) | ||
}) | }) | ||
Latest revision as of 16:48, 1 August 2013
