2016-05-23 2 views
0

Этот сценарий из source вращает изображения, определенные в ajax.php с интервалом 2000 мс (2 секунды)Jquery нагрузки изображения интервал

Но проблема в том, что первое изображение также загружает не сразу при загрузке страницы, но через 2 секунды ,

ВОПРОС - можно ли исправить код ниже, чтобы сразу показать любое первое изображение при загрузке страницы? - и после этого поверните другие изображения, как определено, с интервалом в 2 секунды.

<head> 
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
<script> 
$("document").ready(function(){ 
    setInterval(function(){ 
     $.ajax({ 
      type:"POST", 
      url:"ajax.php", 
      success:function(result){ 
       $("#banner_div").html(result); 
      } 
     }); 
    }, 2000); 
}); 
</script> 
</head> 
<body> 
<div id="banner_div"></div> 
</body> 

Заранее спасибо за любые подсказки, чтобы попробовать,

ответ

2

Вы можете сделать это функция и называют ее в интервале + также на странице загрузки:

<script> 
$("document").ready(function(){ 
    function loadImage(){ 
     $.ajax({ 
      type:"POST", 
      url:"ajax.php", 
      success:function(result){ 
       $("#banner_div").html(result); 
      } 
     }); 
    } 
    setInterval(loadImage, 2000); 
    loadImage(); 
}); 
</script> 
+0

TY для решения! Простой и элегантный. – Serge

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