<?php include "connection.php "; ?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dynami c Carousel Silder</title>
<!-- bootstrap css -->
<link rel="stylesheet " type="text/css"
href="bootstrap/css/bootstrap.min.c ss"/>
<!-- fontawesome css -->
<link rel="stylesheet " type="text/css"
href="https://fortawesome.git hub.io/Font-Awesome/assets/fontawesome/css/font-awesome.css"/>
<!-- custom style css -->
<link rel="stylesheet " type="text/css" href="css/app.css"/>
</head>
<body>
<div class="containe r">
<div class="row">
<div id="mycarousel " class="carousel slide" dataride="carou sel">
<ol class="carousel-indicators">
<?php
$a = 0;
if(isset($_GET['id'])) {
$id = intval($_GET['id']);
if($id <= 0) {
die('The ID is invalid!');
}
$query1 = "
SELECT `data`
FROM `upload`
WHERE `id` = {$id}";
$sql = mysqli_query($c onn,$query1);
while($row = mysqli_fetch_ar ray($sql))
{
?>
<li data-target="#mycaro usel" data-slide-to="<?php echo
$a++; ?>"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item">
<img src="img/<?php echo $row['data']; ?>" class="imgrespo nsive"
alt="<?php echo $row['data']; ?>"/>
</div>
<?php }} ?>
</div><!--/carousel-inner-->
<a href="#mycarous el" class="left carousel-control" dataslide="prev "
role="button">
<i class="fa fa-angle-left prevSlide"></i>
</a>
<a href="#mycarous el" class="right carousel-control" dataslide="next "
role="button">
<i class="fa fa-angle-right nextSlide"></i>
</a>
</div><!--carousel slide-->
</div><!-- /row-->
</div>
</body>
</html>
<script type="text/javascript" src="bootstrap/js/jquery.js"></script>
<script type="text/javascript"
src="bootstrap/js/bootstrap.min.j s"></script>
<script>
$(document).rea dy(function(e) {
$('.carousel-indicators li:nth-child(1)').addC lass('active');
$('.item:nth-child(1)').addC lass('active');
});
</script>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dynami c Carousel Silder</title>
<!-- bootstrap css -->
<link rel="stylesheet " type="text/css"
href="bootstrap/css/bootstrap.min.c ss"/>
<!-- fontawesome css -->
<link rel="stylesheet " type="text/css"
href="https://fortawesome.git hub.io/Font-Awesome/assets/fontawesome/css/font-awesome.css"/>
<!-- custom style css -->
<link rel="stylesheet " type="text/css" href="css/app.css"/>
</head>
<body>
<div class="containe r">
<div class="row">
<div id="mycarousel " class="carousel slide" dataride="carou sel">
<ol class="carousel-indicators">
<?php
$a = 0;
if(isset($_GET['id'])) {
$id = intval($_GET['id']);
if($id <= 0) {
die('The ID is invalid!');
}
$query1 = "
SELECT `data`
FROM `upload`
WHERE `id` = {$id}";
$sql = mysqli_query($c onn,$query1);
while($row = mysqli_fetch_ar ray($sql))
{
?>
<li data-target="#mycaro usel" data-slide-to="<?php echo
$a++; ?>"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item">
<img src="img/<?php echo $row['data']; ?>" class="imgrespo nsive"
alt="<?php echo $row['data']; ?>"/>
</div>
<?php }} ?>
</div><!--/carousel-inner-->
<a href="#mycarous el" class="left carousel-control" dataslide="prev "
role="button">
<i class="fa fa-angle-left prevSlide"></i>
</a>
<a href="#mycarous el" class="right carousel-control" dataslide="next "
role="button">
<i class="fa fa-angle-right nextSlide"></i>
</a>
</div><!--carousel slide-->
</div><!-- /row-->
</div>
</body>
</html>
<script type="text/javascript" src="bootstrap/js/jquery.js"></script>
<script type="text/javascript"
src="bootstrap/js/bootstrap.min.j s"></script>
<script>
$(document).rea dy(function(e) {
$('.carousel-indicators li:nth-child(1)').addC lass('active');
$('.item:nth-child(1)').addC lass('active');
});
</script>