Javascript 我有旋转图像滑块,但它';它不工作了
我正试图借助Javascript 我有旋转图像滑块,但它';它不工作了,javascript,php,jquery,html,codeigniter,Javascript,Php,Jquery,Html,Codeigniter,我正试图借助旋转木马滑块显示动态图像滑块,但它不起作用 我的代码: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <
旋转木马滑块
显示动态图像滑块,但它不起作用
我的代码:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<section>
<div class="container-fluid pt-70 pb-0">
<div class="container">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<?php foreach ($gallery_imgs as $img):?>
<div class="carousel-inner">
<div class="item">
<img src="<?php echo base_url(); echo $img['thumbnail_url']; ?>" alt="Los Angeles" style="width:30%;">
</div>
</div>
<?php endforeach;?>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
“alt=”洛杉矶“style=”宽度:30%;">
我不知道我的代码哪里错了
您需要在
foreach
语句中检查您的路径。
试着替换
<img src="<?php echo base_url(); echo $img['thumbnail_url']; ?>" alt="Los Angeles" style="width:30%;">
“alt=”洛杉矶“style=”宽度:30%;“>
下一个代码
<img src="<?= base_url().$img['thumbnail_url']; ?>" alt="Los Angeles" style="width:30%;">
“alt=”洛杉矶“style=”宽度:30%;">
如果不起作用,则在foreach
之前进行print_r(base_url());
并查看结果。如果您可以通过将此结果与image path
关联来访问您的图像,则您将在carusel项目中获得您的图像。
以同样的方式检查每个$img['thumbnail\u url']
的有效性($gallery\u imgs
必须是一个图像url数组)。r你有任何错误吗?…你得到了什么输出?“它不工作“这真的没什么帮助。它应该做什么?您期望的输入/输出是什么?你有错误吗?请解释得更清楚一点。我上传的图片中的问题是,输出我get@farhantechno,如果您将添加连接的URL而不是图像,则效率会更高。