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

How to show in django cms breadcrumbs full path? -

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

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