简体   繁体   中英

jQuery Supersized Plugin: Placing the thumbnails in a different location

Is it possible to place the thumbnails that Supersized generates in a different location on the page?

I can see that api.options.slides would give me the slides and thumb paths. Can I somehow use this to recreate the thumbnails somewhere else on the page?

I'd like to put the thumbnails on the left sidebar for example.

Sample Page

Here is how I implemented it:

if ( $("#supersized").length ) {
    $('.container').append('<ul class="cloned-thumbs"></ul>');
    for (var i = 0; i < api.options.slides.length; i++) {
        $('.cloned-thumbs').append('<li><img onclick="javascript: api.goTo(' + (i+1) +')" src="' + api.options.slides[i].thumb + '"></li>');
    }
}

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM