Инициализируйте слайд-шоу с помощью функции загрузки JavaScript

0

Я инициализирую слайд-шоу на своей странице, и я хочу, чтобы он выполнялся после полной загрузки страницы.

Я использую функцию onload с javascript для этого.

теперь моя проблема - это компоненты слайд-шоу (изображений), которые находятся в теге тела. Я не знаю, как управлять ими с функцией onload. как вы знаете до начала слайд-шоу, изображения образуют очередь сверху вниз страницы

чтобы понять мою цель лучше, предположим, что у меня есть изображение в теге body, как это, и я не хочу, чтобы он показывался перед каждым компонентом страницы (даже функции javascript, включая аудио и слайд-шоу) полностью загружен.

вот часть моего кода, javascript включает слайд-шоу плюс аудио. Спасибо

 <script type="text/javascript">

 window.onload = a;

 function a() {
        $(document).ready(function(){
        $('#slideshow').cycle({

x:'curtainX', 
sync:  false,
});
});

 setTimeout(plus1,9000);
function plus1() { 

        $(document).ready(function(){
        $('#slideshow').cycle('pause');
});
}
var music = new Audio("archive.mp3");
music.play(); 

}
</script>
.
.
.
 <body>
  <div id="slideshow">
      <p><img src="10.png" width="420" height="420"/></p>
      <p><img src="9.png" width="420" height="420"/></p>
 </div>
 </body>
Теги:

1 ответ

0

вы можете указать только один раз document.ready().
Вы входите внутрь document.ready() элемент dom готов и окно загружено уже вы можете сделать что-то вроде этого:

$(document).ready(function(){
     $('#slideshow').show();
     $('#slideshow').cycle({
          x:'curtainX', 
          sync:  false,
     });

    setTimeout(plus1,9000);
    function plus1() { 
          $('#slideshow').cycle('pause');
    } 
    var music = new Audio("archive.mp3"); music.play();  
 });

И это html

<body>
  <div id="slideshow" style="display:none;">
      <p><img src="10.png" width="420" height="420"/></p>
      <p><img src="9.png" width="420" height="420"/></p>
 </div>
 </body>
Поделиться
  • 0
    благодарю вас . Я буду использовать это. но моя проблема с изображениями. какие-либо предложения по этому поводу?
  • 0
    редактировать ответ с помощью HTML и редактировать на jquery @Nima
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню