http://2013.igem.org/wiki/index.php?title=Team:ZJU-China/template/gallery-NJU_ChinasVisit&feed=atom&action=history
Team:ZJU-China/template/gallery-NJU ChinasVisit - Revision history
2024-03-29T09:53:59Z
Revision history for this page on the wiki
MediaWiki 1.16.5
http://2013.igem.org/wiki/index.php?title=Team:ZJU-China/template/gallery-NJU_ChinasVisit&diff=203000&oldid=prev
Lixihan: Created page with "<html> <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:ZJU-China/css/galleriffic-2.css?action=raw&ctype=text/css" /> <script type="text/javascript" src="..."
2013-09-27T10:02:50Z
<p>Created page with "<html> <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:ZJU-China/css/galleriffic-2.css?action=raw&ctype=text/css" /> <script type="text/javascript" src="..."</p>
<p><b>New page</b></p><div><html><br />
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:ZJU-China/css/galleriffic-2.css?action=raw&ctype=text/css" /><br />
<script type="text/javascript" src="https://2013.igem.org/Team:ZJU-China/js/jquery.opacityrollover.js?action=raw&ctype=text/javascript"></script><br />
<script type="text/javascript" src="https://2013.igem.org/Team:ZJU-China/js/jquery.galleriffic.js?action=raw&ctype=text/javascript"></script><br />
<!-- We only want the thunbnails to display when javascript is disabled --><br />
<script type="text/javascript"><br />
document.write('<style>.noscript { display: none; }</style>');<br />
</script> <br />
<div id="page" style="margin-left:20px;"><br />
<div id="container"><br />
<div id="gallery" class="gallerycontent"><br />
<div id="controls" class="controls"></div><br />
<div class="slideshow-container"><br />
<div id="loading" class="loader"></div><br />
<div id="slideshow" class="slideshow"></div><br />
</div><br />
<div id="caption" class="caption-container"></div><br />
</div><br />
<div id="thumbs" class="navigation"><br />
<ul class="thumbs noscript"><br />
<li><br />
<a class="thumb" name="Science Fair" href="https://static.igem.org/mediawiki/2013/thumb/9/96/NJU_China%27s_Visit1.jpg/250px-NJU_China%27s_Visit1.jpg" title="Team leader of NJU_China Fei Gong came to visit our lab and introduced their team’s project."><br />
<img src="https://static.igem.org/mediawiki/2013/thumb/9/96/NJU_China%27s_Visit1.jpg/30px-NJU_China%27s_Visit1.jpg" alt="Science Fair" /><br />
</a><br />
<div class="caption"><br />
<div class="image-desc">Team leader of NJU_China Fei Gong came to visit our lab and introduced their team’s project.</div><br />
</div><br />
</li><br />
<li><br />
<a class="thumb" name="Science Fair" href="https://static.igem.org/mediawiki/2013/thumb/8/8e/NJU_China%27s_Visit3.JPG/600px-NJU_China%27s_Visit3.JPG" title="NJU_China & ZJU-China"><br />
<img src="https://static.igem.org/mediawiki/2013/thumb/8/8e/NJU_China%27s_Visit3.JPG/75px-NJU_China%27s_Visit3.JPG" alt="Science Fair" /><br />
</a><br />
<div class="caption"> <br />
<div class="image-desc">NJU_China & ZJU-China</div><br />
</div><br />
</li><br />
</ul><br />
</div><br />
<div style="clear: both;"></div><br />
</div><br />
</div><br />
<script type="text/javascript"><br />
jQuery(document).ready(function($) {<br />
// We only want these styles applied when javascript is enabled<br />
$('div.navigation').css({'width' : '600px'});<br />
$('div.gallerycontent').css({'display': 'block', 'width': '600px'});<br />
<br />
// Initially set opacity on thumbs and add<br />
// additional styling for hover effect on thumbs<br />
var onMouseOutOpacity = 0.67;<br />
$('#thumbs ul.thumbs li').opacityrollover({<br />
mouseOutOpacity: onMouseOutOpacity,<br />
mouseOverOpacity: 1.0,<br />
fadeSpeed: 'fast',<br />
exemptionSelector: '.selected'<br />
});<br />
<br />
// Initialize Advanced Galleriffic Gallery<br />
var gallery = $('#thumbs').galleriffic({<br />
delay: 2500,<br />
numThumbs: 12,<br />
preloadAhead: 10,<br />
enableTopPager: true,<br />
enableBottomPager: true,<br />
maxPagesToShow: 7,<br />
imageContainerSel: '#slideshow',<br />
controlsContainerSel: '#controls',<br />
captionContainerSel: '#caption',<br />
loadingContainerSel: '#loading',<br />
renderSSControls: true,<br />
renderNavControls: true,<br />
playLinkText: 'Play Slideshow',<br />
pauseLinkText: 'Pause Slideshow',<br />
prevLinkText: '&lsaquo; Previous Photo',<br />
nextLinkText: 'Next Photo &rsaquo;',<br />
nextPageLinkText: 'Next &rsaquo;',<br />
prevPageLinkText: '&lsaquo; Prev',<br />
enableHistory: false,<br />
autoStart: true,<br />
syncTransitions: true,<br />
defaultTransitionDuration: 900,<br />
onSlideChange: function(prevIndex, nextIndex) {<br />
// 'this' refers to the gallery, which is an extension of $('#thumbs')<br />
this.find('ul.thumbs').children()<br />
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()<br />
.eq(nextIndex).fadeTo('fast', 1.0);<br />
},<br />
onPageTransitionOut: function(callback) {<br />
this.fadeTo('fast', 0.0, callback);<br />
},<br />
onPageTransitionIn: function() {<br />
this.fadeTo('fast', 1.0);<br />
}<br />
});<br />
});<br />
</script><br />
</html></div>
Lixihan