我正在开发一个文章网站,这些文章位于可以删除/添加的数据库(CMS)上,数据库和 slider 都运行良好。现在我想做的是将 slider 上的文章集成起来。这是我的代码,它不起作用,有什么提示吗?谢谢
JS:
sliderInt=1;
sliderNext=2;
$("#newsText > p#1").fadeIn(500);
startSlider();
function startSlider() {
count = $("#newsText > p").size();
loop = setInterval (function() {
if (sliderNext>count) {
sliderNext = 1;
sliderInt = 1;
}
$("#newsText > p").fadeOut(500);
$("#newsText > p#" + sliderNext).delay(500).fadeIn(500);
sliderInt = sliderNext;
sliderNext ++;
} ,7500);
}
function stopLoop() {
window.clearInterval(loop);
}
function showSlide(id) {
stopLoop();
if (id>count) {
id = 1;
}
else if (id<1) {
id=count;
}
$("#newsText > p").fadeOut(500);
$("#newsText > p#" + id).fadeIn(500);
sliderInt = id;
sliderNext = id + 1;
startSlider();
}
})
PHP/HTML:
<?php
include_once('php/CMS/includes/connection.php');
include_once('php/CMS/includes/article.php');
$article = new Article;
$articles = $article->fetch_all();
?>
//.......BODY......
<div id ="newsText">
<?php
foreach ($articles as $article){
for($articles=0; $articles <= count($articles); $articles++) {
$id = 1;
echo ("<p id =".$id++.">".$article['article_content']."</p>");
}
}
?>
</div>
最佳答案
您有任何错误消息吗?看起来你才开始使用 jQuery。您是否按 F12 在控制台中查看 JavaScript 错误?
我尝试在 [http://jsfiddle.net/w9AHt/][jsfiddle] 上编写代码,它在 onready 事件中工作正常,除非幻灯片从最后一个更改为第一个。
关于javascript - slider PHP、MYSQL 和 JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22377024/