0
背景: 以下のスクリプトは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>
あなたは純粋なHTMLのサンプルを提供できる場合、それは素晴らしいことでしょう。 – twxia