"
Team:UNITN-Trento/JS/Gallery
From 2013.igem.org
(Difference between revisions)
(Clicking on a thumbnail changes the slide) |
|||
| (3 intermediate revisions not shown) | |||
| Line 10: | Line 10: | ||
$("#jms-slideshow .step").each(function() { | $("#jms-slideshow .step").each(function() { | ||
id = $(this).attr('id'); | id = $(this).attr('id'); | ||
| - | img = $(this). | + | img = $(this).attr('data-img'); |
| - | $(".container .sheet").append("<a href=' | + | $(".container .sheet .thumbs").append("<a href='' class='thumb' data-id='" + id + "'><img src='" + img + "' /></a>"); |
| + | }); | ||
| + | |||
| + | $(".container .sheet a").each(function() { | ||
| + | $(this).click(function(e) { | ||
| + | e.preventDefault(); | ||
| + | window.location.hash = $(this).attr('data-id'); | ||
| + | }); | ||
}); | }); | ||
}); | }); | ||
Latest revision as of 15:07, 23 September 2013
$(document).ready(function() { var jmpressOpts = { hash : { use : true } }; $('#jms-slideshow').jmslideshow( $.extend( true , { jmpressOpts : jmpressOpts }, { autoplay : false, arrows : true }));
$("#jms-slideshow .step").each(function() { id = $(this).attr('id'); img = $(this).attr('data-img'); $(".container .sheet .thumbs").append("<a href= class='thumb' data-id='" + id + "'><img src='" + img + "' /></a>"); });
$(".container .sheet a").each(function() { $(this).click(function(e) { e.preventDefault(); window.location.hash = $(this).attr('data-id'); }); }); });
