Help with a slider

[Emaburst]

Hi all,

I’m new to the forum and new to development and have been given responsibility for somebody’s unfinished work - where I found this “broken” slider. The arrows don’t scroll through the articles they are linked to. I’ve had a look at what’s here and found the following code.

So, this is a plea for help - Why doesn’t the code work? What am I missing?

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage

@{var latestNewsX = @Umbraco.TypedContent(2408).Children;}

<div class="section clearfix" id="news">
	<div class="wrapper wide">

		<h2>Latest News</h2>

		<div class="device">
			<a class="arrow-left" href="page.Id(2564)"><i class="fa fa-chevron-left"></i></a>
			<a class="arrow-right" href="#"><i class="fa fa-chevron-right"></i></a>
			<div class="swiper-container2">
				<div class="swiper-wrapper">

					@foreach (var articleX in latestNewsX.OrderByDescending(a => a.CreateDate))
					{
						var articleDateDefault = Convert.ToDateTime(articleX.CreateDate).ToString("MMMM dd, yyyy");
						var articleDateOverride = Convert.ToDateTime(articleX.GetPropertyValue("createDateOverride")).ToString("MMMM dd, yyyy");

						<div class="swiper-slide">
							<div class="news-story">
								<div class="headline">

									@if(@articleDateOverride == "January 01, 0001")
									{
										<p class="date">@articleDateDefault</p>
									}
									else{
										<p class="date">@articleDateOverride</p>
									}

									<h3>@articleX.GetPropertyValue("title")</h3>

								</div>

									@if (articleX.HasValue("imageThumb",true))
									{
										var _image = Umbraco.Media(articleX.GetPropertyValue("imageThumb",true));

										<img src="@_image.umbracoFile" alt="@articleX.GetPropertyValue("imageAltText")" title="@articleX.GetPropertyValue("imageTitle")">
									}
									else
									{
										<img src="http://placehold.it/555x300" alt="@articleX.GetPropertyValue("imageAltText")" title="@articleX.GetPropertyValue("imageTitle")">
									}

									<a class="btn" href="@articleX.Url" title="Read More">Read More<img class="diagonal" src="/media/2416/diagonal-left-orange.svg" alt="" title=""></a>
							</div>
						</div>
					}

				</div>
			</div>
		</div>

		<div class="device alt">
			<div class="swiper-container-alt">
				<div class="swiper-wrapper">

					@foreach (var articleY in latestNewsX.OrderByDescending(a => a.CreateDate))
					{
						var articleDateDefault = Convert.ToDateTime(articleY.CreateDate).ToString("MMMM dd, yyyy");
						var articleDateOverride = Convert.ToDateTime(articleY.GetPropertyValue("createDateOverride")).ToString("MMMM dd, yyyy");

						<div class="swiper-slide">
							<div class="news-story">
								<div class="headline">

									@if(@articleDateOverride == "January 01, 0001")
									{
										<p class="date">@articleDateDefault</p>
									}
									else{
										<p class="date">@articleDateOverride</p>
									}

									<h3>@articleY.GetPropertyValue("title")</h3>

								</div>

									@if (articleY.HasValue("image",true))
									{
										var _image = Umbraco.Media(articleY.GetPropertyValue("image",true));

										<img src="@_image.umbracoFile" alt="@articleY.GetPropertyValue("imageAltText")" title="@articleY.GetPropertyValue("imageTitle")">
									}
									else
									{
										<img src="http://placehold.it/555x300" alt="@articleY.GetPropertyValue("imageAltText")" title="@articleY.GetPropertyValue("imageTitle")">
									}

									<a class="btn" href="@articleY.Url" title="Read More">Read More<img class="diagonal" src="/media/2416/diagonal-left-orange.svg" alt="" title=""></a>
							</div>
						</div>
					}

				</div>
			</div>
		</div>

	</div>
</div>