Supersized - change slideshow images when user clicks on a link

Supersized - change slideshow images when user clicks on a link

Hi !

I'm using supersized ( http://buildinternet.com/2011/07/supersized-3-2-fullscreen-jquery-slideshow/) for a website that i'm currently creating ! 

Do you know if there is a way to change the slideshow images when user clicks on a page link (in this case <li class="toggleSubMenu3">)?

That would be really helpful because i'm desperate ! I have been searching for hours...

Thanks a lot !

Here's what I've tried (that doesn't work   ) - I actually just copied the original script...

<script type="text/javascript">
$(document).ready(function(){ 
$('li.toggleSubMenu3').click(function () {
jQuery(function($){
$.supersized({ 
slides: [
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-3.jpg', title : 'Image Credit: Colin Wojno', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/wojno-3.jpg', url : 'http://www.nonsensesociety.com/2011/03/colin/'},
],
});
   });
});
});
</script>