jqueryを使用したHTMLスライダの最初のスライドが長すぎます

背景： 以下のスクリプトはHTMLスライダに使用されています。 Jqueryはスライドを10秒ごとに回転させるように書かれています。ページを開いたり、更新したりすると、1番目の広告が20秒間表示されます。jqueryを使用したHTMLスライダの最初のスライドが長すぎます

理由は何ですか？ここで

は私のスクリプト

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset='UTF-8'> 
<title>Current Ads Display</title> 


<style> 
object { 
/* Set rules to fill background */ 
min-height: 100%; 
min-width: 1024px; 

/* Set up proportionate scaling */ 
width: 100%; 
height: 100%; 

/* Set up positioning */ 
position: fixed; 
} 
</style> 


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js">  </script> 
<script> 
$("#slideshow > div:gt(0)").hide(); 

setInterval(function() { 
$('#slideshow > div:first') 
.fadeOut(0) 
.next() 
.fadeIn(0) 
.end() 
.appendTo('#slideshow'); 
}, 10000);

<body> 
<?PHP 
echo "<div id='slideshow'>"; 
//Getting ads from the database 
require_once('connect_pdo.php'); 
$sqlst = $conn->prepare("SELECT `adslist` FROM ADS"); 
$sqlst->execute(); 
while($resultst = $sqlst -> fetch()){ 
$adlist = $resultst["adslist"]; 
echo "<div class='slideshow'>"; 
//Display ad as an image 
//<object data='/$adlist'></object> 
echo "<object data='/$adlist'></object>"; 
echo "</div>"; 
} 
echo "</div>"; 
?> 
</body> 
</html>

出典

2016-05-23 Charles Tester

あなたは純粋なHTMLのサンプルを提供できる場合、それは素晴らしいことでしょう。 – twxia

は外非表示オプションを削除し、それが動作する区間内のことをで与えています。

<script> 
setInterval(function() { 

$('#slideshow > div:first').fadeOut(0).next().fadeIn(0).end().appendTo('#slideshow'); 
$("#slideshow > div:gt(0)").hide(); 

}, 10000);

出典

2016-06-06 05:32:22 Mani

jqueryを使用したHTMLスライダの最初のスライドが長す​​ぎます

答えて

関連する問題

jqueryを使用したHTMLスライダの最初のスライドが長すぎます