2016-05-23 9 views
0

Hintergrund: Skript unten wird für HTML-Slider verwendet. Jquery wird geschrieben, um die Dias alle 10 Sekunden zu drehen. Wenn die Seite geöffnet oder aktualisiert wird, wird die erste Anzeige 20 Sekunden lang angezeigt.HTML-Slider mit jquery-Anzeige erste Folie für zu lange

Irgendeine Idee warum?

Hier ist mein Skript

<!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> 
+1

Es ist großartig sein wird, wenn Sie eine reine HTML-Probe zur Verfügung stellen kann. – twxia

Antwort

0

entfernen hide Option außerhalb und innerhalb des Intervalls geben, es wird funktionieren.

<script> 
setInterval(function() { 

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

}, 10000);