Team:Paris-Saclay/Testing/Exemple2

From 2012.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
-
<title>Galleriffic | Integration with history plugin</title>
+
<title>Galleriffic | Minimal implementation</title>
<link rel='stylesheet' type='text/css' href='/Team:Paris-Saclay/basic.css?action=raw&ctype=text/css'/>
<link rel='stylesheet' type='text/css' href='/Team:Paris-Saclay/basic.css?action=raw&ctype=text/css'/>
<link rel='stylesheet' type='text/css' href='/Team:Paris-Saclay/galleriffic-3.css?action=raw&ctype=text/css'/>
<link rel='stylesheet' type='text/css' href='/Team:Paris-Saclay/galleriffic-3.css?action=raw&ctype=text/css'/>
Line 9: Line 9:
<script type="text/javascript" src='/Team:Paris-Saclay/jquery.galleriffic.js?action=raw&ctype=text/javascript'></script>
<script type="text/javascript" src='/Team:Paris-Saclay/jquery.galleriffic.js?action=raw&ctype=text/javascript'></script>
<script type="text/javascript" src='/Team:Paris-Saclay/jquery.opacityrollover.js?action=raw&ctype=text/javascript'></script>
<script type="text/javascript" src='/Team:Paris-Saclay/jquery.opacityrollover.js?action=raw&ctype=text/javascript'></script>
-
<!-- We only want the thunbnails to display when javascript is disabled -->
 
-
<script type="text/javascript">
 
-
document.write('<style>.noscript { display: none; }</style>');
 
-
</script>
 
</head>
</head>
<body>
<body>
Line 18: Line 14:
<div id="container">
<div id="container">
<h1><a href="index.html">Galleriffic</a></h1>
<h1><a href="index.html">Galleriffic</a></h1>
-
<h2>Integration with history plugin</h2>
+
<h2>Minimal implementation</h2>
-
<!-- Start Advanced Gallery Html Containers -->
+
<!-- Start Minimal Gallery Html Containers -->
<div id="gallery" class="content">
<div id="gallery" class="content">
<div id="controls" class="controls"></div>
<div id="controls" class="controls"></div>
Line 27: Line 23:
<div id="slideshow" class="slideshow"></div>
<div id="slideshow" class="slideshow"></div>
</div>
</div>
-
<div id="caption" class="caption-container"></div>
 
</div>
</div>
<div id="thumbs" class="navigation">
<div id="thumbs" class="navigation">
<ul class="thumbs noscript">
<ul class="thumbs noscript">
<li>
<li>
-
<a class="thumb" name="leaf" href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015.jpg" title="Title #0">
+
<a class="thumb" href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015.jpg" title="Title #0">Title #0</a>
-
<img src="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_s.jpg" alt="Title #0" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #0</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" name="drop" href="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9.jpg" title="Title #1">
+
<a class="thumb" href="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9.jpg" title="Title #1">Title #1</a>
-
<img src="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9_s.jpg" alt="Title #1" />
+
-
</a>
+
-
<div class="caption">
+
-
Any html can be placed here ...
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" name="bigleaf" href="http://farm3.static.flickr.com/2093/2538168854_f75e408156.jpg" title="Title #2">
+
<a class="thumb" href="http://farm3.static.flickr.com/2093/2538168854_f75e408156.jpg" title="Title #2">Title #2</a>
-
<img src="http://farm3.static.flickr.com/2093/2538168854_f75e408156_s.jpg" alt="Title #2" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2093/2538168854_f75e408156_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #2</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" name="lizard" href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b.jpg" title="Title #3">
+
<a class="thumb" href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b.jpg" title="Title #3">Title #3</a>
-
<img src="http://farm4.static.flickr.com/3153/2538167690_c812461b7b_s.jpg" alt="Title #3" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #3</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18.jpg" title="Title #4">
+
<a class="thumb" href="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18.jpg" title="Title #4">Title #4</a>
-
<img src="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18_s.jpg" alt="Title #4" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #4</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd.jpg" title="Title #5">
+
<a class="thumb" href="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd.jpg" title="Title #5">Title #5</a>
-
<img src="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd_s.jpg" alt="Title #5" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #5</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b.jpg" title="Title #6">
+
<a class="thumb" href="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b.jpg" title="Title #6">Title #6</a>
-
<img src="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b_s.jpg" alt="Title #6" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #6</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm4.static.flickr.com/3205/2538164270_4369bbdd23.jpg" title="Title #7">
+
<a class="thumb" href="http://farm4.static.flickr.com/3205/2538164270_4369bbdd23.jpg" title="Title #7">Title #7</a>
-
<img src="http://farm4.static.flickr.com/3205/2538164270_4369bbdd23_s.jpg" alt="Title #7" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm4.static.flickr.com/3205/2538164270_c7d1646ecf_o.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #7</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm4.static.flickr.com/3211/2538163540_c2026243d2.jpg" title="Title #8">
+
<a class="thumb" href="http://farm4.static.flickr.com/3211/2538163540_c2026243d2.jpg" title="Title #8">Title #8</a>
-
<img src="http://farm4.static.flickr.com/3211/2538163540_c2026243d2_s.jpg" alt="Title #8" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm4.static.flickr.com/3211/2538163540_c2026243d2_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #8</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2315/2537343449_f933be8036.jpg" title="Title #9">
+
<a class="thumb" href="http://farm3.static.flickr.com/2315/2537343449_f933be8036.jpg" title="Title #9">Title #9</a>
-
<img src="http://farm3.static.flickr.com/2315/2537343449_f933be8036_s.jpg" alt="Title #9" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2315/2537343449_f933be8036_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #9</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2167/2082738157_436d1eb280.jpg" title="Title #10">
+
<a class="thumb" href="http://farm3.static.flickr.com/2167/2082738157_436d1eb280.jpg" title="Title #10">Title #10</a>
-
<img src="http://farm3.static.flickr.com/2167/2082738157_436d1eb280_s.jpg" alt="Title #10" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2167/2082738157_436d1eb280_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #10</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2342/2083508720_fa906f685e.jpg" title="Title #11">
+
<a class="thumb" href="http://farm3.static.flickr.com/2342/2083508720_fa906f685e.jpg" title="Title #11">Title #11</a>
-
<img src="http://farm3.static.flickr.com/2342/2083508720_fa906f685e_s.jpg" alt="Title #11" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2342/2083508720_fa906f685e_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #11</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba.jpg" title="Title #12">
+
<a class="thumb" href="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba.jpg" title="Title #12">Title #12</a>
-
<img src="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba_s.jpg" alt="Title #12" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #12</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60.jpg" title="Title #13">
+
<a class="thumb" href="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60.jpg" title="Title #13">Title #13</a>
-
<img src="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60_s.jpg" alt="Title #13" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #13</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2041/2083498578_114e117aab.jpg" title="Title #14">
+
<a class="thumb" href="http://farm3.static.flickr.com/2041/2083498578_114e117aab.jpg" title="Title #14">Title #14</a>
-
<img src="http://farm3.static.flickr.com/2041/2083498578_114e117aab_s.jpg" alt="Title #14" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2041/2083498578_114e117aab_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #14</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2149/2082705341_afcdda0663.jpg" title="Title #15">
+
<a class="thumb" href="http://farm3.static.flickr.com/2149/2082705341_afcdda0663.jpg" title="Title #15">Title #15</a>
-
<img src="http://farm3.static.flickr.com/2149/2082705341_afcdda0663_s.jpg" alt="Title #15" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2149/2082705341_afcdda0663_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #15</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2014/2083478274_26775114dc.jpg" title="Title #16">
+
<a class="thumb" href="http://farm3.static.flickr.com/2014/2083478274_26775114dc.jpg" title="Title #16">Title #16</a>
-
<img src="http://farm3.static.flickr.com/2014/2083478274_26775114dc_s.jpg" alt="Title #16" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2014/2083478274_26775114dc_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #16</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2194/2083464534_122e849241.jpg" title="Title #17">
+
<a class="thumb" href="http://farm3.static.flickr.com/2194/2083464534_122e849241.jpg" title="Title #17">Title #17</a>
-
<img src="http://farm3.static.flickr.com/2194/2083464534_122e849241_s.jpg" alt="Title #17" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2194/2083464534_122e849241_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #17</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm4.static.flickr.com/3127/2538173236_b704e7622e.jpg" title="Title #18">
+
<a class="thumb" href="http://farm4.static.flickr.com/3127/2538173236_b704e7622e.jpg" title="Title #18">Title #18</a>
-
<img src="http://farm4.static.flickr.com/3127/2538173236_b704e7622e_s.jpg" alt="Title #18" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm4.static.flickr.com/3127/2538173236_b704e7622e_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #18</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2375/2538172432_3343a47341.jpg" title="Title #19">
+
<a class="thumb" href="http://farm3.static.flickr.com/2375/2538172432_3343a47341.jpg" title="Title #19">Title #19</a>
-
<img src="http://farm3.static.flickr.com/2375/2538172432_3343a47341_s.jpg" alt="Title #19" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2375/2538172432_3343a47341_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #19</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2353/2083476642_d00372b96f.jpg" title="Title #20">
+
<a class="thumb" href="http://farm3.static.flickr.com/2353/2083476642_d00372b96f.jpg" title="Title #20">Title #20</a>
-
<img src="http://farm3.static.flickr.com/2353/2083476642_d00372b96f_s.jpg" alt="Title #20" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2353/2083476642_d00372b96f_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #20</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34.jpg" title="Title #21">
+
<a class="thumb" href="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34.jpg" title="Title #21">Title #21</a>
-
<img src="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34_s.jpg" alt="Title #21" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #21</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm2.static.flickr.com/1116/1380178473_fc640e097a.jpg" title="Title #22">
+
<a class="thumb" href="http://farm2.static.flickr.com/1116/1380178473_fc640e097a.jpg" title="Title #22">Title #22</a>
-
<img src="http://farm2.static.flickr.com/1116/1380178473_fc640e097a_s.jpg" alt="Title #22" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm2.static.flickr.com/1116/1380178473_fc640e097a_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #22</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a class="thumb" href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6.jpg" title="Title #23">
+
<a class="thumb" href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6.jpg" title="Title #23">Title #23</a>
-
<img src="http://farm2.static.flickr.com/1260/930424599_e75865c0d6_s.jpg" alt="Title #23" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #23</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
</li>
</li>
</ul>
</ul>
</div>
</div>
-
<!-- End Advanced Gallery Html Containers -->
+
<!-- End Minimal Gallery Html Containers -->
<div style="clear: both;"></div>
<div style="clear: both;"></div>
</div>
</div>
</div>
</div>
 +
<div id="footer">&copy; 2009 Trent Foley</div>
<script type="text/javascript">
<script type="text/javascript">
-
jQuery(document).ready(function($) {
+
// We only want these styles applied when javascript is enabled
-
// We only want these styles applied when javascript is enabled
+
$('div.navigation').css({'width' : '300px', 'float' : 'left'});
-
$('div.navigation').css({'width' : '300px', 'float' : 'left'});
+
$('div.content').css('display', 'block');
-
$('div.content').css('display', 'block');
+
-
// Initially set opacity on thumbs and add
+
$(document).ready(function() {
-
// additional styling for hover effect on thumbs
+
// Initialize Minimal Galleriffic Gallery
-
var onMouseOutOpacity = 0.67;
+
$('#thumbs').galleriffic({
-
$('#thumbs ul.thumbs li').opacityrollover({
+
imageContainerSel:     '#slideshow',
-
mouseOutOpacity:   onMouseOutOpacity,
+
controlsContainerSel:   '#controls'
-
mouseOverOpacity:  1.0,
+
-
fadeSpeed:        'fast',
+
-
exemptionSelector: '.selected'
+
});
});
-
 
-
// Initialize Advanced Galleriffic Gallery
 
-
var gallery = $('#thumbs').galleriffic({
 
-
delay:                    2500,
 
-
numThumbs:                15,
 
-
preloadAhead:              10,
 
-
enableTopPager:            true,
 
-
enableBottomPager:        true,
 
-
maxPagesToShow:            7,
 
-
imageContainerSel:        '#slideshow',
 
-
controlsContainerSel:      '#controls',
 
-
captionContainerSel:      '#caption',
 
-
loadingContainerSel:      '#loading',
 
-
renderSSControls:          true,
 
-
renderNavControls:        true,
 
-
playLinkText:              'Play Slideshow',
 
-
pauseLinkText:            'Pause Slideshow',
 
-
prevLinkText:              '&lsaquo; Previous Photo',
 
-
nextLinkText:              'Next Photo &rsaquo;',
 
-
nextPageLinkText:          'Next &rsaquo;',
 
-
prevPageLinkText:          '&lsaquo; Prev',
 
-
enableHistory:            true,
 
-
autoStart:                false,
 
-
syncTransitions:          true,
 
-
defaultTransitionDuration: 900,
 
-
onSlideChange:            function(prevIndex, nextIndex) {
 
-
// 'this' refers to the gallery, which is an extension of $('#thumbs')
 
-
this.find('ul.thumbs').children()
 
-
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
 
-
.eq(nextIndex).fadeTo('fast', 1.0);
 
-
},
 
-
onPageTransitionOut:      function(callback) {
 
-
this.fadeTo('fast', 0.0, callback);
 
-
},
 
-
onPageTransitionIn:        function() {
 
-
this.fadeTo('fast', 1.0);
 
-
}
 
-
});
 
-
 
-
/**** Functions to support integration of galleriffic with the jquery.history plugin ****/
 
-
 
-
// PageLoad function
 
-
// This function is called when:
 
-
// 1. after calling $.historyInit();
 
-
// 2. after calling $.historyLoad();
 
-
// 3. after pushing "Go Back" button of a browser
 
-
function pageload(hash) {
 
-
// alert("pageload: " + hash);
 
-
// hash doesn't contain the first # character.
 
-
if(hash) {
 
-
$.galleriffic.gotoImage(hash);
 
-
} else {
 
-
gallery.gotoIndex(0);
 
-
}
 
-
}
 
-
 
-
// Initialize history plugin.
 
-
// The callback is called at once by present location.hash.
 
-
$.historyInit(pageload, "advanced.html");
 
-
 
-
// set onlick event for buttons using the jQuery 1.3 live method
 
-
$("a[rel='history']").live('click', function(e) {
 
-
if (e.button != 0) return true;
 
-
 
-
var hash = this.href;
 
-
hash = hash.replace(/^.*#/, '');
 
-
 
-
// moves to a new page.
 
-
// pageload is called at once.
 
-
// hash don't contain "#", "?"
 
-
$.historyLoad(hash);
 
-
 
-
return false;
 
-
});
 
-
 
-
/****************************************************************************************/
 
});
});
</script>
</script>
</body>
</body>
</html>
</html>

Revision as of 00:00, 27 September 2012

Galleriffic | Minimal implementation

Retrieved from "http://2012.igem.org/Team:Paris-Saclay/Testing/Exemple2"