Advertisement
Guest User

Untitled

a guest
Oct 22nd, 2016
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.54 KB | None | 0 0
  1. <div class="container">
  2. </div>
  3. <div class="row">
  4. <div id="mycarousel" class="carousel slide" dataride="carousel">
  5. <ol class="carousel-indicators">
  6. <?php
  7. $db = mysqli_connect("localhost", "root","", "artworks") or die(mysqli_error($db));
  8. $sql = "SELECT * FROM artwork";
  9. $a = 0;
  10. $query = mysqli_query($db,$sql);
  11. while($row = mysqli_fetch_array($query))
  12. {
  13. ?>
  14. <?php
  15. while($a < 4)
  16. {
  17. ?>
  18. <li data-target="#mycarousel" data-slide-to="<?php echo
  19. $a++; ?>"></li>
  20. <?php
  21. }
  22. ?>
  23. <?php } ?>
  24. </ol>
  25.  
  26. <div class="carousel-inner" role="listbox" style=" width:100%; height: 100% !important;">
  27. <?php
  28. $queryy = "select * from artwork";
  29. $sqll = mysqli_query($db,$queryy);
  30. while($Uploads = mysqli_fetch_array($sqll))
  31. {
  32. ?>
  33. <div class="item">
  34. <img src="Uploads/<?php echo $Uploads['filename'];?>" class="imgresponsive"
  35. alt width="100%" height="100%"="<?php echo $Uploads['filename']; ?>"/>
  36. </div>
  37. <?php } ?>
  38. </div><!--/carousel-inner-->
  39.  
  40. </div>
  41. </div><!-- /row-->
  42. </div>
  43. </body>
  44. </html>
  45. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  46. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  47. <script>
  48. $(document).ready(function(e) {
  49. $('.carousel-indicators li:nth-child(1)').addClass('active');
  50. $('.item:nth-child(1)').addClass('active');
  51. });
  52. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement