这里我使用图像作为缩略图。当图像更改为swf文件时,使用相同的代码
<link rel="stylesheet" type="text/css"
href="../resources/css/fancybox-buttons.css"
th:href="@{/resources/css/fancybox-buttons.css}" />
<script type="text/javascript"
th:src="@{/resources/js/fancybox-buttons.js}"></script>
jquery功能
$(document).ready(function() {
$(".fancybox-thumb").fancybox({
prevEffect : 'none',
nextEffect : 'none',
helpers : {
title : {
type: 'outside'
},
thumbs : {
width : 50,
height : 50
}
}
});
});
Html代码
<a class="fancybox-thumb" rel="fancybox-thumb" href="http://farm9.staticflickr.com/8507/8454547519_f8116520e1_b.jpg" title="Ayvalık, Turkey (Nejdet Düzen)">
<img src="http://farm9.staticflickr.com/8507/8454547519_f8116520e1_m.jpg" alt="" />
</a>
如何将swf文件作为thumnail?还有
点击swf将播放的缩略图?
请分享你的答案
答案 0 :(得分:1)
由于它是众多灯箱之一,我们只需要了解它们是如何做到这一点的。查看他们的页面(http://fancybox.net/),我们可以看到他们直接在fancybox的href属性中链接swf。所以试试吧。如果这不起作用,请使用“备用子页面方法”,就像您在框中链接网页一样。这样,您将能够控制swf对象通常所需的对象和嵌入标记。