EasySlider 1.7 Help - Все контент, отображаемые на странице нагрузки

Question

При внедрении Easy Slider 1.7 с jQuery на странице мой, я обнаруживаю, что когда страница первая нагрузка, оба изображения в ul Дисплей слайдера, а затем отображается слайдер, и отображается только первое слайд.

Какой лучший способ исправить это так, чтобы слайдер div Не отображается до тех пор, пока скрипт не загрузится должным образом? Я использую этот код, чтобы запустить его:

$(document).ready(function(){   
    $("#slider").easySlider({
        auto: true,
        continuous: true,
        pause: 10000
    });
});

Answer 1

Вы можете просто скрыть содержимое через CSS, как это:

#slider { display: none; }

Затем показать это на странице нагрузки, а также:

$(document).ready(function(){
  $("#slider").show().easySlider({ auto: true, continuous: true, pause: 10000 });
});

Чтобы быть в безопасности, я бы добавил блок на страницу для пользователей NO-JS, может быть листе стиль внутри, если у вас есть много из них, в противном случае просто тег стиля:

<noscript><style type="text/css">#slider { display: block; }</style></noscript>

Answer 2

Я добавил код ниже моих CSS, чтобы скрыть изображения из сложенных.

/*Added to hide stacking of images on IE 7/8*/
#slider{
  height:227px;
  overflow:hidden;
}