我上传了多张图片,并且所有图片的路径都已存储在一起。
使用explode
我已经将它们分开,现在我希望在轮播中回显它们
我正在使用的代码是:
<?php
$con=mysqli_connect("localhost","root","","db");
// Check connection
if (mysqli_connect_errno()) {
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$idd = $_GET['id'];
echo "<header id='myCarousel' class='carousel slide'>";
/* Indicators */
echo"<ol class='carousel-indicators'>";
echo"<li data-target='#myCarousel' data-slide-to='0' ></li>";
echo"<li data-target='#myCarousel' data-slide-to='1'></li>";
echo"<li data-target='#myCarousel' data-slide-to='2'></li>";
echo"</ol>";
$sql = "SELECT * FROM register_office WHERE id='".$idd."'";
$result = mysqli_query($con, $sql);
if (mysqli_num_rows($result) > 0)
{
/* Wrapper for slides*/
echo"<div class='carousel-inner'>";
echo"<div class='item'>";
while($row = mysqli_fetch_assoc($result))
{
$str= $row["offimage"];
$array = explode('*', $str);
foreach ($array as $item)
{
echo "<div class='fill'>";
echo "<img src=\"http://example.com/abc/" . $item . "\" height=\"500\" width=\"2000\"/>";
echo "</div>";
}
echo"</div>";
echo"</div>";
}
/*Controls*/
echo"<a class='left carousel-control' href='#myCarousel' data-slide='prev'>";
echo"<span class='icon-prev'></span>";
echo"</a>";
echo"<a class='right carousel-control' href='#myCarousel' data-slide='next'>";
echo"<span class='icon-next'></span>";
echo"</a>";
echo"</header>";
?>
但它只显示一张图像。同样,当我使用next控件时,即使我尝试向前或向后移动,此控件也不会显示任何图像。
这里可能有一些问题...
1.爆炸()
首先,explode()
如果您的$row1["offimage"]
字符串*
在文件名之间没有星号,则您可能无法工作。在对OP的回复评论中,您给了我们一个示例的内容$row1["offimage"]
,该示例不会通过星号分隔每个PNG文件*
:
@lolka_bolka i get this outout, uploads/c376437e2a45598b2f4d89eae4f191e8.pnguploads/c376437e2a45598b2f4d89eae4f191e8.png8069756be5095978123ae51fadbffe3b.pnguploads/c376437e2a45598b2f4d89eae4f191e8.png8069756be5095978123ae51fadbffe3b.png04aaa414c21dc057bc594b896124068e.png
– user3732711 Dec 16 '14 at 12:24
为了使您的脚本在编写时能正常工作,我们希望看到,例如,您的$row1["offimage"]
字符串看起来像这样,并用星号*
分隔每个PNG文件名(及其目录路径):
uploads/c376437e2a45598b2f4d89eae4f191e8.png*uploads/c376437e2a45598b2f4d89eae4f191e8.png*8069756be5095978123ae51fadbffe3b.png
2. DIV类“项目”
正如“ Dan Soap”和“ Rohit开发人员”在这里回答的那样,要使轮播正常工作,您需要确保每个图像都包装在自己的item
类中。
您上面的代码在循环echo"<div class='item'>";
之前while
。
echo"<div class='item'>";
应该是INSIDE while循环-更具体地说,它应该是你的内部foreach
循环-这样,在转盘的每个图像被包裹着的item
类。
而且请不要忘记,item
您希望首先显示(在加载时)的or图像也应该具有active
class以及item
class,例如:<div class="item active">
。
3. JavaScript
您尚未包含任何JavaScript供我们查看...如果不调用该carousel()
函数,将不会发生任何事情,仅显示一个(静态)图像。您可能需要这样的东西:
<script>
$('.carousel').carousel({
interval: 3000
})
</script>
希望其中的一个/部分/所有这些都可以帮助您启动旋转木马并使其正常运转!:)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句