How to display ppt Slideshow from db in php

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • sudhagowda
    New Member
    • Oct 2016
    • 6

    How to display ppt Slideshow from db in php

    <?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>
Working...