"
Team:Marburg/Template:Header
From 2013.igem.org
(Difference between revisions)
m |
m |
||
| Line 324: | Line 324: | ||
#output { text-align: left; } | #output { text-align: left; } | ||
</style> | </style> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
<div id="header"> | <div id="header"> | ||
<div id="header-focus"> | <div id="header-focus"> | ||
| Line 397: | Line 384: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | <script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script> | ||
| + | <script type="text/javascript"> | ||
| + | |||
| + | $.fn.cycle.defaults.timeout = 6000; | ||
| + | $(function() { | ||
| + | // run the code in the markup! | ||
| + | $('table pre code').not('#skip,#skip2').each(function() { | ||
| + | eval($(this).text()); | ||
| + | }); | ||
| + | |||
| + | $('#s4').before('<div id="nav" class="nav">').cycle({ | ||
| + | fx: 'turnDown', | ||
| + | speed: 'fast', | ||
| + | timeout: 0, | ||
| + | pager: '#nav' | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | function onBefore() { | ||
| + | $('#output').html("Scrolling image:<br>" + this.src); | ||
| + | //window.console.log( $(this).parent().children().index(this) ); | ||
| + | } | ||
| + | function onAfter() { | ||
| + | $('#output').html("Scroll complete for:<br>" + this.src) | ||
| + | .append('<h3>' + this.alt + '</h3>'); | ||
| + | } | ||
| + | </script> | ||
</html> | </html> | ||
Revision as of 11:49, 21 September 2013
