我有以下代码:
我正在尝试混合一个jquery滑块,一些php和mysql来检索数据库中的滑块图像及其所有信息。
它成功连接但我只能从结果中检索1行,我需要检索至少6行...我不能只复制幻灯片的数量,无论如何。是的,我已经使用本地值测试了滑块,它完美无缺
我将在这里得到任何帮助表示感谢。
PD:我的一个错误,可能是标签
后格式错误的HTML <body>
<?php
function getContent() {
try {
$handler = new PDO('mysql:host=127.0.0.1;dbname=xx', 'xx', 'xx');
$handler->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch(PDOException $e) {
echo $e->getMessage();
die();
}
$sql = "SELECT * FROM homeslider ORDER BY id DESC LIMIT 6";
$query = $handler->prepare($sql);
$query->execute();
$row = $query->fetchAll();
return $row;
}
?>
<div id="wrapper">
<div class="slider-wrapper theme-default">
<div id="slider" class="Slider">
<?php
$data = getContent();
foreach ($data as $row) {
$id = $row['id'];
$titulo = $row['titulo'];
$descripcion = $row['descripcion'];
$link = $row['link'];
$imgurl = $row['imgurl'];
$ultimo_update = $row['ultimo_update'];
}
echo'
<a href="#1"><img src="images/slider/'.$imgurl.'" data-thumb="images/slider/'.$imgurl.'" data-transition="fold" title="#htmlcaption_'.$id.'" /></a>
</div> <!-- Cierra slider -->
<div id="htmlcaption_'.$id.'" class="nivo-html-caption">
'.$titulo.'<br/>'.$descripcion.'<span class="sliderButtonSpan"><a href="'.$link.'" class="btn btn-default" style="color:#000;">Leer más <i class="glyphicon glyphicon-share-alt"></i></a></span>
</div> <!-- Cierra htmlcaption_# -->
</div> <!-- Cierra slider-wrapper -->
</div> <!-- Cierra wrapper -->
';?>
<div style="text-align:center;font-size:2em;">SK-Servicios.com</div>
</div>
<script type="text/javascript" src="scripts/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="src/jquery.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').Slider({
});
});
</script>
</body>
答案 0 :(得分:0)
在foreach()循环中移动echo语句
<?php
$data = getContent();
foreach ($data as $row) {
echo '<div id="wrapper">
<div class="slider-wrapper theme-default">
<div id="slider" class="Slider">';
$id = $row['id'];
$titulo = $row['titulo'];
$descripcion = $row['descripcion'];
$link = $row['link'];
$imgurl = $row['imgurl'];
$ultimo_update = $row['ultimo_update'];
}
echo'
<a href="#1"><img src="images/slider/'.$imgurl.'" data-thumb="images/slider/'.$imgurl.'" data-transition="fold" title="#htmlcaption_'.$id.'" /></a>
</div> <!-- Cierra slider -->
<div id="htmlcaption_'.$id.'" class="nivo-html-caption">
'.$titulo.'<br/>'.$descripcion.'<span class="sliderButtonSpan"><a href="'.$link.'" class="btn btn-default" style="color:#000;">Leer más <i class="glyphicon glyphicon-share-alt"></i></a></span>
</div> <!-- Cierra htmlcaption_# -->
</div> <!-- Cierra slider-wrapper -->
</div> <!-- Cierra wrapper -->
';?>
答案 1 :(得分:0)
像这样改变你的循环
<?php
$data = getContent();
foreach ($data as $row) {
echo '<div id="wrapper">
<div class="slider-wrapper theme-default">
<div id="slider" class="Slider">';
$id = $row['id'];
$titulo = $row['titulo'];
$descripcion = $row['descripcion'];
$link = $row['link'];
$imgurl = $row['imgurl'];
$ultimo_update = $row['ultimo_update'];
echo'
<a href="#1"><img src="images/slider/'.$imgurl.'" data-thumb="images/slider/'.$imgurl.'" data-transition="fold" title="#htmlcaption_'.$id.'" /></a>
</div> <!-- Cierra slider -->
<div id="htmlcaption_'.$id.'" class="nivo-html-caption">
'.$titulo.'<br/>'.$descripcion.'<span class="sliderButtonSpan"><a href="'.$link.'" class="btn btn-default" style="color:#000;">Leer más <i class="glyphicon glyphicon-share-alt"></i></a></span>
</div> <!-- Cierra htmlcaption_# -->
</div> <!-- Cierra slider-wrapper -->
</div> <!-- Cierra wrapper -->
';
}
?>