http://www.innovation.web.id/One/testimonial.php

Hello,

I am trying to utilize bootstrap in this slider but it does not work yet. I wonder why? I expect the screen to adapt to the webbrowser screensize.

I already add this code:

<div class="row"><div class="col-sm-12"> <li><div style="font-family: arial; margin: 40px 0 0 90px;"><img src="Images/testimonial/person1.jpg" width="120px"/><div style="width: 500px; margin: -100px 0 0 190px;">

  "Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar."</div></div></li></div></div> 

testimonial.php

<!DOCTYPE html>
<html>
<head> 
<title>Testimonial</title>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

   <meta name="viewport" content="width=device-width, initial-scale=1">  

   <link rel="stylesheet" type="text/css" href="css/style.css">
   <link rel="stylesheet" type="text/css" href="css/animate2.css">

   <link rel="stylesheet" media="all" href="css/main.css" />
   <script src="js/modernizr.custom.37797.js"></script> 

   <link rel="stylesheet" href="bootstrap-3.3.5/css/bootstrap.min.css">
   <link rel="stylesheet" href="bootstrap-3.3.5/css/custom.css">
   <script src="bootstrap-3.3.5/js/jquery.min.js"></script>
   <script src="bootstrap-3.3.5/js/bootstrap.min.js"></script>

   <!-- Grab Google CDN's jQuery. fall back to local if necessary --> 
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
   <script>!window.jQuery && document.write('<script src="/js/jquery-1.6.1.min.js"><\/script>')</script>
   <script src="js/parallax.js"></script>

   <style>
    #space {
        height: 100px;
    }   

    </style> 

    <!-- jQuery library (served from Google) -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

    <!-- bxSlider Javascript file -->
    <script src="jquery.bxslider.min.js"></script>

    <!-- bxSlider CSS file -->
    <link href="jquery.bxslider2.css" rel="stylesheet" />

    <script>
    $(document).ready(function(){
        $('.bxslider').bxSlider({
            pager: false
        });
    });
    </script>

</head>



<body>


<?php include('nav.php');  ?>

Testimonial<br><br>

"The Big Oxmox advised her not to do so, because there were thousands of bad Commas"<br><br>

countless indescribable<br><br>


"The Big Oxmox advised her not to do so, because there were thousands of bad Commas"<br><br>

countless indescribable<br><br>


"The Big Oxmox advised her not to do so, because there were thousands of bad Commas"<br><br>

countless indescribable<br><br>

"The Big Oxmox advised her not to do so, because there were thousands of bad Commas"<br><br>

countless indescribable<br><br>

<ul class="bxslider">

  <div style="background-color: #96928a; height: 250px;">
  <div class="row"><div class="col-sm-12">
  <li><div style="font-family: arial; margin: 40px 0 0 90px;"><img src="Images/testimonial/person1.jpg" width="120px"/><div style="width: 500px; margin: -100px 0 0 190px;">

  "Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar."</div></div></li></div></div> 

  </div>

  <div style="background-color: #96928a; height: 250px;">
  <li><div style="font-family: arial; margin: 40px 0 0 90px;"><img src="Images/testimonial/person1.jpg" width="120px"/><div style="width: 500px; margin: -100px 0 0 190px;">"Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar."</div></div></li></div> 

  <div style="background-color: #96928a; height: 250px;">
  <li><div style="font-family: arial; margin: 40px 0 0 90px;"><img src="Images/testimonial/person1.jpg" width="120px"/><div style="width: 500px; margin: -100px 0 0 190px;">"Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar."</div></div></li></div> 

  <div style="background-color: #96928a; height: 250px;">
  <li><div style="font-family: arial; margin: 40px 0 0 90px;"><img src="Images/testimonial/person1.jpg" width="120px"/><div style="width: 500px; margin: -100px 0 0 190px;">"Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar."</div></div></li></div> 

</div>  
</ul> 

<br><br><br><br><br><br><br><br>

<h4>Testimonial option #2</h4>

<div class="col-sm-4">
<div style="padding: 10px">
<img src="Images/testimonial/person2.jpg" width="300"><br>

<div style="width: 300px; text-align: left;">
The Big Oxmox advised her not to do so, because there were thousands of bad Commas
</div>
</div>
</div>

<div class="col-sm-4">
<div style="padding: 10px">
<img src="Images/testimonial/person2.jpg" width="300"><br>

<div style="width: 300px; text-align: left;">
The Big Oxmox advised her not to do so, because there were thousands of bad Commas
</div>
</div>
</div>

<div class="col-sm-4">
<div style="padding: 10px">
<img src="Images/testimonial/person2.jpg" width="300"><br>

<div style="width: 300px; text-align: left;">
The Big Oxmox advised her not to do so, because there were thousands of bad Commas
</div>
</div>
</div>


<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<?php include('footer.php'); ?>


</body>

</html> 
Member Avatar for diafol

You've posted a similar thread: https://www.daniweb.com/programming/web-development/threads/500373/sliders

Can I respectfully suggest you limit a query to just one thread? This fragmentation could lead to low quality solutions, possible repetitiion - i.e. needless effort and time from volunteers. To be fair, these threads may not be as related as I thought - are you thinking of implementing the 3rd party script from the other thread for this slider?

ANyhow. You still have issues with regard to loading times. The pages you link to in this thread and the other take 30-45 seconds to start appearing. One link loads completely after 60 seconds. The other fails to load after 90s - I lost the will to live after that.

I realise that you may only be using the site in Indonesia, but you are asking contributors from all over the world to have a look at your page to seee what's wrong. Unless you sort out your server / load-time issues, any help will be limited.

I already purchase webhosting for international access: www.innovationusa.web.id

Please recheck. Maybe you all can help me troubleshoot this problem.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.