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
Post a Comment