Hello.
I have some issues with using the vertical news slider plugin that I
secured from
here:
https://github.com/impressivewebs/vertical-news-slider [if you
just download the working sample from there you can see the code. It is
not so complex.]
Now I did the server side code and all [with C#] which is fetching the
desired data from database correctly, as per my logic. No problem there.
Then I go to integrate the fetched data with this plugin, so that the
slider animation effect is created. See the screenshots.
All the data is perfect here, member names, avatar, their
testimonials, dates etc. No worry. But it is clear all the data has
appeared at once one below the other [I couldn't post the full
length of the page screenshots] and not one at a time as the periodic
ticking effect the plugin is supposed to bring. And the jquery
animation is not working either.
These are the files I have included:
CSS: vertical.news.slider.css
JS: vertical.news.slider.js, vertical.news.slider.min.js
This is code snippet from the testimonial main page:
- <div id="container">
-
<a href="#top" id="back-top"><img
src="~/Images/topgo.png" height="24px"
width="24px" /></a>
-
<div class="container">
-
<div id="notification"></div>
-
<div class="row">
-
<div class="span12">
-
<div class="row">
-
<div class="span12" id="testimonialTicker">
-
<div class="breadcrumb">
-
</div>
-
<h1 class="style-1">Client Testimonials</h1>
-
@Html.Partial("_testimonialTicker")
-
<div class="buttons">
-
<div class="right">
-
<a
class="button-cont-right" href="@Url.Action("Index")">Continue
-
<img
src="~/Images/continue.png" height="27px"
width="27px" /></a>
-
</div>
-
</div>
-
</div>
-
</div>
-
</div>
-
</div>
-
</div>
- </div>
This is some code snippet from my partial view
- <div
class="news-holder cf">
-
@if (TestimonialDisplayService.FetchTopTestimonial().Count() != 0)
-
{
-
int x = TestimonialDisplayService.FetchTopTestimonial().Count();
-
List<string> aliases =
TestimonialDisplayService.FetchTopTestimonial().Select(item => item.alias_nm).ToList();
-
<ul class="news-headlines">
-
@for (int v = 0; v < x; v++)
-
{
-
-
<li>
-
<strong>@aliases[v].ToString();</strong>
-
</li>
-
-
}
-
</ul>
-
foreach (TestimonialBasic itmT in TestimonialDisplayService.FetchTopTestimonial())
-
{
-
<div class="news-preview">
-
<div class="news-content top-content">
-
<img src="@itmT.mem_avatar"
title="View Profile" alt="View Profile" />
-
<p><a href="#"><b>@itmT.alias_nm</b></a></p>
-
<p>@itmT.mem_testimonial</p><br /><br />
-
<p><i>@itmT.testimonial_dt.AsDateTime().ToShortDateString()</i></p>
-
</div>
-
</div>
-
}
-
}
- </div>