Плагин Jquery для поддержки слайдшоу изображений для всех разрешений - PullRequest
0 голосов
/ 22 декабря 2010
     In my application i need to use some plugins for make the image

слайд-шоу, как монетный слайдер. Но мне нужно использовать этот плагин во всех разрешение (т.е.) 1280 * 900,1024 * 768800 * 600 и т.д., установив свойство ширины плагин как авто. Есть ли плагин доступны для поддержки этой функции?

1 Ответ

1 голос
/ 22 декабря 2010

Может быть, это http://www.shadowbox -js.com / - это то, что вам нужно. Стандартный размер лайтбокса, такого как окна, которые он открывает, пропорционален размеру окна навигатора. ;)

Надеюсь, это вам поможет!

Edit:

Код теневого ящика, настроенный на автоматический запуск с автоматическим переключением:

<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>

Oh! Я сделал скрытые imgs, но в этом нет особой необходимости. ;)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...