Javascript Fancybox thingie

我只是想用Fancybox显示一个flash文件和一个图像

想知道我在说什么，请看下一张快照：

任务：

• fancybox将与.swf文件和.jpg一起在pageload上自动加载
• .swf文件要居中，因为它也在上面的示例中
• .jpg文件位于屏幕/页面的右下角

我成功了一部分

我创建了一个隐藏链接：

<a href="media/test_video.swf" id="flash-video" style="display:none"></a>

然后我通过Jquery命令调用它：

<script type="text/javascript">$(document).ready(function() {
    $("#flash-video").fancybox(
    {
        'padding'               : 0,
        'autoScale'             : false,
        'padding'               : 0, 
        'margin'                : 0, 
        'easingIn'              : 'swing',
        'easingOut'             : 'swing',
        'transitionIn'          : 'fade',
        'transitionOut'         : 'fade',
        'hideOnContentClick'    : true,
        'speedIn'               : 600,
        'speedOut'              : 200,
        'overlayShow'           : true
    }
    ).trigger('click');
});

$（文档）.ready（函数（）{
$（“flash视频”）.fancybox(
{
“填充”：0，
“自动缩放”：false，
“填充”：0，
“边距”：0，
“伊辛宁”：“摇摆”，
“easingOut”：“swing”，
“transitionIn”：“fade”，
“transitionOut”：“fade”，
“hideOnContentClick”：true，
“speedIn”：600，
“加速输出”：200，
“叠加显示”：正确
}
).trigger（'click'）；
});

我还为图像创建了一个隐藏链接，但它没有显示在Fancybox覆盖上

<a href="media/bottom-r-img.jpg" id="flash-video" style="position:absolute;right:5px;bottom:5px;"></a>

可以同时在fancybox覆盖层上显示两个媒体文件吗

任何肯定的答案都值得赞赏：）

---

谢谢。

首先，HTML代码中不能有重复的ID。 其次，fancybox一次只能显示一件东西

---

我建议您以内联方式隐藏flash+图像并使用内联加载程序，或者使用iframe加载程序从不同的URL加载内容。

是的，您是对的，这只是一个测试代码。我也尝试过使用不同的id和类，但似乎只有在库中才能使用Jquery调用多选择器？好吧，谢谢@Capsule。我尝试了内联方法，现在两个媒体文件出现了。唯一的问题是图像出现在闪光灯盒内。我在图像中添加了绝对定位，在页面包装器ID中添加了相对定位。如果出现文件Bot，我想我现在走的很好。

#wrap{position:relative；}#wrap.bottom-r-img{position:absolute；right:0；bottom:0；}