简体   繁体   English

jQuery超大插件:将缩略图放在其他位置

[英]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? 是否可以将Supersized生成的缩略图放在页面上的其他位置?

I can see that api.options.slides would give me the slides and thumb paths. 我可以看到api.options.slides会给我幻灯片和拇指路径。 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>');
    }
}

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

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