用于所有分辨率的图像幻灯片支持的 Jquery 插件答案

【问题标题】：Jquery plugin for image slideshow support for all resolutions用于所有分辨率的图像幻灯片支持的 Jquery 插件
【发布时间】：2010-12-22 09:29:17
【问题描述】：

     In my application i need to use some plugins for make the image
像coinslider一样的幻灯片。但我需要全部使用这个插件分辨率（即）1280*900,1024*768,800*600 等通过设置宽度属性插件是自动的。有没有插件可用于支持此功能？

【问题讨论】：

标签： jquery-ui jquery-plugins jquery

【解决方案1】：

也许这个http://www.shadowbox-js.com/ 是你需要的。灯箱（如它打开的窗口）的标准大小与导航器窗口大小成正比。 ;)

希望对你有帮助！

编辑：

这是配置为自动启动并自动翻转的影子盒的代码：

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script language="JavaScript" type="text/javascript" src="./shadowbox-3.0.3/shadowbox.js"></script>
<link rel="stylesheet" type="text/css" href="./shadowbox-3.0.3/shadowbox.css">

<script type="text/javascript">
$(document).ready(function()
{
    Shadowbox.init(
    {
        continuous: true,
        slideshowDelay: 2
    }, function() //make the auto start, if you dont want it, just remove this function
       {
            setTimeout(function() //give a little time to shadowbox to be initialized
            {
                $('#first_image').trigger('click');
            }, 50 );
       });

});
</script>
<a id="first_image" href="img_example_1.jpg" rel="lightbox[group]" style="display:none;">
    <img src="img_example_1.jpg" style="display:none;" />
</a>
<a href="img_example_1.jpg" rel="lightbox[group]" style="display:none;">
    <img src="img_example_1.jpg" style="display:none;" />
</a>

哦！我把imgs隐藏起来了，但实际上并没有必要这样做。 ;)

【讨论】：

嗨 Jayme，感谢您的回复。我需要一个像硬币滑块一样自动滚动的。有人可以使用此功能吗？
影子盒可以自动翻转。我编辑了答案，看看。 ;)