Bootstrap Carousel missing images
0
I'm trying to use Bootstraps carousel to cycle through a set of images. However, the images are missing, and the page just ends up blank.
I am using this inside of a .aspx file, and i'm worried that is the reason for it.
Objective is to have a dashboard on a TV that is cycling through images on the server that are updated through a separate backend process.
Using chrome dev-tools, this does appear to be cycling through the images correctly. Also, if I right click the section where the carousel is, I can open the image in a new tab and it's there.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="DisplayMonitors.test" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>testy</title>
<link rel="stylesheet" type="text/css" href="Content/bootstrap.min.css" />
<style type="text/css">
body background-color:#181818 !important;
</style>
<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
</head>
<body>
<form id="FrmMain" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>
<asp:Timer ID="Timer1" runat="server" OnTick="TV_Refresh" Interval="2000"> </asp:Timer>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" Visible="False">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
</Triggers>
</asp:UpdatePanel>
<h1 class="text-white text-center">Fulfillment Ticket Creation and KPIs</h1>
<div class="container-fluid">
<div class="row">
<div class="col">
<img id="overview" src="images/overview.png" />
</div>
<div class="col">
<div class="row">
<div id="metricCarousel" class="carousel fade">
<div class="carousel-inner">
<div class="carousel-item active"><img class="img-fluid" src="images/metric1.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric2.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric3.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric4.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric5.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric6.png" /></div>
</div>
</div>
</div>
<div class="row">
<div id="graphcCarousel" class="carousel fade">
<div class="carousel-inner">
<div class="carousel-item active"><img class="img-fluid" src="images/graph1.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph2.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph3.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph4.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph5.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph6.png" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
$('.carousel').carousel(
interval: 9000
)
</script>
</body>
</html>Any help would be gratefully appreciated!
javascript jquery asp.net bootstrap-4
asked Nov 14 '18 at 0:51
Jon HJon H
1
add a comment |
0
I'm trying to use Bootstraps carousel to cycle through a set of images. However, the images are missing, and the page just ends up blank.
I am using this inside of a .aspx file, and i'm worried that is the reason for it.
Objective is to have a dashboard on a TV that is cycling through images on the server that are updated through a separate backend process.
Using chrome dev-tools, this does appear to be cycling through the images correctly. Also, if I right click the section where the carousel is, I can open the image in a new tab and it's there.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="DisplayMonitors.test" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>testy</title>
<link rel="stylesheet" type="text/css" href="Content/bootstrap.min.css" />
<style type="text/css">
body background-color:#181818 !important;
</style>
<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
</head>
<body>
<form id="FrmMain" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>
<asp:Timer ID="Timer1" runat="server" OnTick="TV_Refresh" Interval="2000"> </asp:Timer>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" Visible="False">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
</Triggers>
</asp:UpdatePanel>
<h1 class="text-white text-center">Fulfillment Ticket Creation and KPIs</h1>
<div class="container-fluid">
<div class="row">
<div class="col">
<img id="overview" src="images/overview.png" />
</div>
<div class="col">
<div class="row">
<div id="metricCarousel" class="carousel fade">
<div class="carousel-inner">
<div class="carousel-item active"><img class="img-fluid" src="images/metric1.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric2.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric3.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric4.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric5.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric6.png" /></div>
</div>
</div>
</div>
<div class="row">
<div id="graphcCarousel" class="carousel fade">
<div class="carousel-inner">
<div class="carousel-item active"><img class="img-fluid" src="images/graph1.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph2.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph3.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph4.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph5.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph6.png" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
$('.carousel').carousel(
interval: 9000
)
</script>
</body>
</html>Any help would be gratefully appreciated!
javascript jquery asp.net bootstrap-4
asked Nov 14 '18 at 0:51
Jon HJon H
1
You are missing thedata-ride="carousel"attribute to your carousel div. I vaguely recall having this missing piece giving me grief. It could be that.
– Iskandar Reza Razali
Nov 14 '18 at 0:57
Thanks for responding! I added thedata-ride="carousel", however the images are still missing. It does appear to be cycling correctly though, so that is good news.
– Jon H
Nov 14 '18 at 15:14
add a comment |
0
0
0
1
I'm trying to use Bootstraps carousel to cycle through a set of images. However, the images are missing, and the page just ends up blank.
I am using this inside of a .aspx file, and i'm worried that is the reason for it.
Objective is to have a dashboard on a TV that is cycling through images on the server that are updated through a separate backend process.
Using chrome dev-tools, this does appear to be cycling through the images correctly. Also, if I right click the section where the carousel is, I can open the image in a new tab and it's there.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="DisplayMonitors.test" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>testy</title>
<link rel="stylesheet" type="text/css" href="Content/bootstrap.min.css" />
<style type="text/css">
body background-color:#181818 !important;
</style>
<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
</head>
<body>
<form id="FrmMain" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>
<asp:Timer ID="Timer1" runat="server" OnTick="TV_Refresh" Interval="2000"> </asp:Timer>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" Visible="False">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
</Triggers>
</asp:UpdatePanel>
<h1 class="text-white text-center">Fulfillment Ticket Creation and KPIs</h1>
<div class="container-fluid">
<div class="row">
<div class="col">
<img id="overview" src="images/overview.png" />
</div>
<div class="col">
<div class="row">
<div id="metricCarousel" class="carousel fade">
<div class="carousel-inner">
<div class="carousel-item active"><img class="img-fluid" src="images/metric1.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric2.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric3.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric4.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric5.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric6.png" /></div>
</div>
</div>
</div>
<div class="row">
<div id="graphcCarousel" class="carousel fade">
<div class="carousel-inner">
<div class="carousel-item active"><img class="img-fluid" src="images/graph1.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph2.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph3.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph4.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph5.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph6.png" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
$('.carousel').carousel(
interval: 9000
)
</script>
</body>
</html>Any help would be gratefully appreciated!
javascript jquery asp.net bootstrap-4
asked Nov 14 '18 at 0:51
Jon HJon H
1
I'm trying to use Bootstraps carousel to cycle through a set of images. However, the images are missing, and the page just ends up blank.
I am using this inside of a .aspx file, and i'm worried that is the reason for it.
Objective is to have a dashboard on a TV that is cycling through images on the server that are updated through a separate backend process.
Using chrome dev-tools, this does appear to be cycling through the images correctly. Also, if I right click the section where the carousel is, I can open the image in a new tab and it's there.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="DisplayMonitors.test" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>testy</title>
<link rel="stylesheet" type="text/css" href="Content/bootstrap.min.css" />
<style type="text/css">
body background-color:#181818 !important;
</style>
<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
</head>
<body>
<form id="FrmMain" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>
<asp:Timer ID="Timer1" runat="server" OnTick="TV_Refresh" Interval="2000"> </asp:Timer>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" Visible="False">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
</Triggers>
</asp:UpdatePanel>
<h1 class="text-white text-center">Fulfillment Ticket Creation and KPIs</h1>
<div class="container-fluid">
<div class="row">
<div class="col">
<img id="overview" src="images/overview.png" />
</div>
<div class="col">
<div class="row">
<div id="metricCarousel" class="carousel fade">
<div class="carousel-inner">
<div class="carousel-item active"><img class="img-fluid" src="images/metric1.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric2.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric3.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric4.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric5.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric6.png" /></div>
</div>
</div>
</div>
<div class="row">
<div id="graphcCarousel" class="carousel fade">
<div class="carousel-inner">
<div class="carousel-item active"><img class="img-fluid" src="images/graph1.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph2.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph3.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph4.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph5.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph6.png" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
$('.carousel').carousel(
interval: 9000
)
</script>
</body>
</html>Any help would be gratefully appreciated!
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="DisplayMonitors.test" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>testy</title>
<link rel="stylesheet" type="text/css" href="Content/bootstrap.min.css" />
<style type="text/css">
body background-color:#181818 !important;
</style>
<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
</head>
<body>
<form id="FrmMain" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>
<asp:Timer ID="Timer1" runat="server" OnTick="TV_Refresh" Interval="2000"> </asp:Timer>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" Visible="False">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
</Triggers>
</asp:UpdatePanel>
<h1 class="text-white text-center">Fulfillment Ticket Creation and KPIs</h1>
<div class="container-fluid">
<div class="row">
<div class="col">
<img id="overview" src="images/overview.png" />
</div>
<div class="col">
<div class="row">
<div id="metricCarousel" class="carousel fade">
<div class="carousel-inner">
<div class="carousel-item active"><img class="img-fluid" src="images/metric1.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric2.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric3.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric4.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric5.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric6.png" /></div>
</div>
</div>
</div>
<div class="row">
<div id="graphcCarousel" class="carousel fade">
<div class="carousel-inner">
<div class="carousel-item active"><img class="img-fluid" src="images/graph1.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph2.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph3.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph4.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph5.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph6.png" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
$('.carousel').carousel(
interval: 9000
)
</script>
</body>
</html><%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="DisplayMonitors.test" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>testy</title>
<link rel="stylesheet" type="text/css" href="Content/bootstrap.min.css" />
<style type="text/css">
body background-color:#181818 !important;
</style>
<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
</head>
<body>
<form id="FrmMain" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>
<asp:Timer ID="Timer1" runat="server" OnTick="TV_Refresh" Interval="2000"> </asp:Timer>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" Visible="False">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
</Triggers>
</asp:UpdatePanel>
<h1 class="text-white text-center">Fulfillment Ticket Creation and KPIs</h1>
<div class="container-fluid">
<div class="row">
<div class="col">
<img id="overview" src="images/overview.png" />
</div>
<div class="col">
<div class="row">
<div id="metricCarousel" class="carousel fade">
<div class="carousel-inner">
<div class="carousel-item active"><img class="img-fluid" src="images/metric1.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric2.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric3.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric4.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric5.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/metric6.png" /></div>
</div>
</div>
</div>
<div class="row">
<div id="graphcCarousel" class="carousel fade">
<div class="carousel-inner">
<div class="carousel-item active"><img class="img-fluid" src="images/graph1.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph2.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph3.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph4.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph5.png" /></div>
<div class="carousel-item"><img class="img-fluid" src="images/graph6.png" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
$('.carousel').carousel(
interval: 9000
)
</script>
</body>
</html>javascript jquery asp.net bootstrap-4
javascript jquery asp.net bootstrap-4
asked Nov 14 '18 at 0:51
Jon HJon H
1
asked Nov 14 '18 at 0:51
Jon HJon H
1
asked Nov 14 '18 at 0:51
Jon HJon H
1
asked Nov 14 '18 at 0:51
Jon HJon H
1
asked Nov 14 '18 at 0:51
Jon HJon H
1
1
You are missing thedata-ride="carousel"attribute to your carousel div. I vaguely recall having this missing piece giving me grief. It could be that.
– Iskandar Reza Razali
Nov 14 '18 at 0:57
Thanks for responding! I added thedata-ride="carousel", however the images are still missing. It does appear to be cycling correctly though, so that is good news.
– Jon H
Nov 14 '18 at 15:14
add a comment |
You are missing thedata-ride="carousel"attribute to your carousel div. I vaguely recall having this missing piece giving me grief. It could be that.
– Iskandar Reza Razali
Nov 14 '18 at 0:57
Thanks for responding! I added thedata-ride="carousel", however the images are still missing. It does appear to be cycling correctly though, so that is good news.
– Jon H
Nov 14 '18 at 15:14
You are missing the
data-ride="carousel"attribute to your carousel div. I vaguely recall having this missing piece giving me grief. It could be that.– Iskandar Reza Razali
Nov 14 '18 at 0:57
You are missing the
data-ride="carousel"attribute to your carousel div. I vaguely recall having this missing piece giving me grief. It could be that.– Iskandar Reza Razali
Nov 14 '18 at 0:57
Thanks for responding! I added the
data-ride="carousel", however the images are still missing. It does appear to be cycling correctly though, so that is good news.– Jon H
Nov 14 '18 at 15:14
Thanks for responding! I added the
data-ride="carousel", however the images are still missing. It does appear to be cycling correctly though, so that is good news.– Jon H
Nov 14 '18 at 15:14
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53291636%2fbootstrap-carousel-missing-images%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53291636%2fbootstrap-carousel-missing-images%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
You are missing the
data-ride="carousel"attribute to your carousel div. I vaguely recall having this missing piece giving me grief. It could be that.– Iskandar Reza Razali
Nov 14 '18 at 0:57
Thanks for responding! I added the
data-ride="carousel", however the images are still missing. It does appear to be cycling correctly though, so that is good news.– Jon H
Nov 14 '18 at 15:14