Я пытаюсь использовать загрузочную карусель для циклического перебора множества изображений.Тем не менее, изображения отсутствуют, и страница просто становится пустой.
Я использую это внутри файла .aspx, и я беспокоюсь, что причина этого.
Цель состоит в том, чтобы на телевизоре была приборная панель, которая циклически повторяет изображения на сервере, которые обновляются с помощью отдельного внутреннего процесса.
При использовании Chrome dev-tools это, по-видимому, циклично.через изображения правильно.Кроме того, если я щелкну правой кнопкой мыши раздел, где находится карусель, я могу открыть изображение в новой вкладке, и оно там.
<%@ 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>
Любая помощь будет с благодарностью!