jquery - Bootstrap carousel not working on business catalyst hosted site -


i used same code below in dreamweaver. in local hosted environment, works fine. however, if put same code in business catalyst server, cannot show images.

<!doctype html> <html>     <head>         <meta charset="utf-8" />         <meta http-equiv="x-ua-compatible" content="ie=edge" />         <meta name="viewport" content="width=device-width, initial-scale=1" />          <!-- latest compiled , minified css -->         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">          <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>         <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>          <!-- latest compiled , minified javascript -->         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>          <script> $(document).ready(function() {             $('#mycarousel').carousel({             //options here             });         });         </script>      </head>         <body>          <div id="carousel1" class="carousel slide" data-ride="carousel">               <ol class="carousel-indicators">                   <li data-target="#carousel1" data-slide-to="0" class="active"></li>                   <li data-target="#carousel1" data-slide-to="1"></li>                   <li data-target="#carousel1" data-slide-to="2"></li>               </ol>               <div class="carousel-inner" role="listbox">                   <div class="item active"><a href="#"><img src="image/gold_960x560.png" alt="first slide image" class="center-block"></a>                       <div class="carousel-caption">                           <h3>first slide heading</h3>                           <p>first slide caption</p>                       </div>                   </div>                   <div class="item"><a href="#"><img src="image/silver_960x560.png" alt="second slide image" class="center-block"></a>                       <div class="carousel-caption">                           <h3>second slide heading</h3>                           <p>second slide caption</p>                       </div>                   </div>                   <div class="item"><a href="#"><img src="image/orchid_960x560.png" alt="third slide image" class="center-block"></a>                       <div class="carousel-caption">                           <h3>third slide heading</h3>                           <p>third slide caption</p>                       </div>                   </div>               </div>                   <a class="left carousel-control" href="#carousel1" role="button" data-slide="prev">                       <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>                       <span class="sr-only">previous</span>                   </a>                   <a class="right carousel-control" href="#carousel1" role="button" data-slide="next">                       <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>                       <span class="sr-only">next</span>.                   </a>               </div>      </body> </html> 

i've seen images , files not render correctly in bc without / in front of them. try adding / in front of image path , see if render. ie:

src="/image/gold_960x560.png" 

if still not render, sure uploaded server , path correct.

you commented:

...for ping, safari display box "?", in chrome, alt can display, not png.

you see when image isn't loading.


Comments

Popular posts from this blog

php - Invalid Cofiguration - yii\base\InvalidConfigException - Yii2 -

How to show in django cms breadcrumbs full path? -

ruby on rails - npm error: tunneling socket could not be established, cause=connect ETIMEDOUT -