инициализации слайд-шоу с яваскрипта функции OnLoad

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

Я использую функцию OnLoad с JavaScript, чтобы сделать это.

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

Чтобы лучше понять мою цель, предположим, что у меня есть изображение в теге тела, подобное этому, и я не хочу, чтобы это было показанный перед каждым компонентом страницы (даже функции 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>

источник

2013-11-28 Nima

вы можете только один раз конкретный document.ready().
Whe входит 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>

источник

2013-11-28 20:16:21

спасибо. я буду использовать это. но моя проблема связана с изображениями. любое предложение об этом? – Nima

Редактировать ответ с html и редактировать на jquery @Nima –

Я проверил его, но когда я показываю изображения как ничто, слайд-шоу тоже исчезает. что с этим не так? любая идея? thanks – Nima

инициализации слайд-шоу с яваскрипта функции OnLoad

ответ

Смежные вопросы