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

Question

     In my application i need to use some plugins for make the image

     像coinlider一样幻灯片。但我需要   在所有中使用此插件   分辨率（即）1280 * 900,1024 * 768800 * 600   等通过设置的width属性   插件为auto.Is有任何插件   可以支持这个功能吗？

Answer 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，但没有必要这样做。 ;）