JQuery Fade Ticker аккуратный и аккуратный - PullRequest
Новая
       5

JQuery Fade Ticker аккуратный и аккуратный

0 голосов
/ 24 марта 2011

Экспериментируя с моим собственным тикером и исчерпав знания JQuery.Предполагается, что элементы исчезают, затем появляется следующий. В этот момент первый элемент исчезает, в то время как второй и третий исчезают вместе, и это не петля.Очевидно, я что-то упустил.

<script type="text/javascript">
var elem1 = $('#fader').children();
    $(elem1).hide();
    $(elem1).first().fadeIn(2000,function(){
        $(elem1).delay(4000);

        $(elem1).fadeOut(2000, function(){
            $(elem1).next().fadeIn(2000);

            });
            }); </script>

Есть идеи?

Изумительно

Ответы [ 2 ]

0 голосов
/ 24 марта 2011

Ну, я сделал простой тинкер, который прокручивает все значения и останавливается.Может быть, это то, что вы ищете, или, по крайней мере, может помочь вам построить свой.;) Вот это HTML код: 

<div id="fader" style="width:100px; height:100px; background-color:blue;">
    <p>aaaaaaaaaaaa</p>
    <p>bbbbbbbbbbbb</p>
    <p>cccccccccccc</p>
    <p style="display:none;">dddddddddddd</p>
    <p style="display:none;">eeeeeeeeeeee</p>
    <p style="display:none;">ffffffffffff</p>
    <p style="display:none;">gggggggggggg</p>
</div>

Сам скрипт: 

<script type="text/javascript">
$(document).ready(function()
{
    var timer = window.setInterval(function()
    {
        var elem1 = $('#fader').children(':visible:first');
        var elem2 = $('#fader').children(':visible:last');

        if( !$(elem2).next().is(':last') )
            clearInterval( timer );
        else
        {
            $(elem1).fadeOut(1500, function()
            {
                $(elem2).next().fadeIn(1500);
            });
        }
    }, 3000);
});
</script>

Удачи!; D

0 голосов
/ 24 марта 2011

Я думаю, что это ваш селектор.$(elem1) относится ко всем дочерним элементам $('#fader'), поэтому $(elem1).next() в конечном итоге будет ссылаться на все возможные «последующие», которые в этом случае первый и второй элемент имеют «следующий», будучи вторыми третьи элементы, соответственно.

Что вы хотите сделать, так это каким-то образом отследить, какой элемент показан в данный момент, а затем, когда наступит его время, исчезнуть этот и следующий элемент THAT.

...