正确的工作时刻,您可以在图像之间来回点击。
如果你单击向前,那么屋顶将显示来自数据库的下一张图片。
如果您单击后退,则必须显示之前显示的最后一张图片。
现在的问题是:它不会这样做,我点击例如,然后显示下一个图像,但如果我点击返回然后将其移回。
想要这样:visi可以在图像之间来回点击。
<script>
$(function() {
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 9500);
$(".frem").click(function () {
});
$(".tilbage").click(function () {
});
});
</script>
function slideshow()
{
echo "<div id=\"slideshow\">";
if ($stmt = $this->mysqli->prepare("SELECT navn, title FROM slideshow ORDER BY id DESC LIMIT 5")) {
$stmt->execute();
$stmt->bind_result($navn, $title);
while ($stmt->fetch()) {
echo "<div>
<img src=\"/indhold/img/tilbage.png\" class=\"tilbage\">
<h3>$title</h3>
<img src=\"/indhold/img/$navn\" alt=\"$title\" title=\"$title\">
<img src=\"/indhold/img/frem.png\" class=\"frem\">
</div>";
}
$stmt->close();
} else {
echo 'Fejl/error: ' . $this->mysqli->error;
}
echo "</div>";
}