|
|
| Line 1: |
Line 1: |
| - | <HTML> | + | <table border="1"> |
| - | <HEAD>
| + | <tr> |
| - | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | + | <td>Image</td> |
| - | | + | <td>Image</td> |
| - | <script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex14/fadeslideshow.js"> | + | <td>Image</td> |
| - | | + | <td>Image</td> |
| - | /***********************************************
| + | <td>Image</td> |
| - | * Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
| + | <td>Image</td> |
| - | * This notice MUST stay intact for legal use
| + | </tr> |
| - | * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
| + | <tr> |
| - | ***********************************************/
| + | <td>Description</td> |
| - | | + | <td>Description</td> |
| - | </script> | + | <td>Description</td> |
| - | | + | <td>Description</td> |
| - | <script type="text/javascript"> | + | <td>Description</td> |
| - | | + | <td>Description</td> |
| - | var mygallery=new fadeSlideShow({
| + | </tr> |
| - | wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
| + | </table> |
| - | 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", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
| + | |
| - | ["https://static.igem.org/mediawiki/2013/e/ee/Matt_reichartz.png", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
| + | |
| - | ["https://static.igem.org/mediawiki/2013/e/ee/Matt_reichartz.png"],
| + | |
| - | ["https://static.igem.org/mediawiki/2013/e/ee/Matt_reichartz.png", "", "", "What a beautiful scene with everything changing colors."] //<--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: ""
| + | |
| - | })
| + | |
| - | | + | |
| - | | + | |
| - | 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"
| + | |
| - | })
| + | |
| - | | + | |
| - | </script> | + | |
| - | </HEAD> | + | |
| - | <BODY> | + | |
| - | <div id="fadeshow1"></div> | + | |
| - | | + | |
| - | <br /> | + | |
| - | | + | |
| - | <div id="fadeshow2"></div> | + | |
| - | | + | |
| - | <div id="fadeshow2toggler" style="width:250px; text-align:center; margin-top:10px"> | + | |
| - | <a href="#" class="prev"><img src="https://static.igem.org/mediawiki/2013/e/ee/Matt_reichartz.png" style="border-width:0" /></a> <span class="status" style="margin:0 50px; font-weight:bold"></span> <a href="#" class="next"><img src="https://static.igem.org/mediawiki/2013/e/ee/Matt_reichartz.png" style="border-width:0" /></a> | + | |
| - | </div> | + | |
| - | </BODY> | + | |
| - | </HTML> | + | |
"
