I have just started working with Craft and I'm learning as I go, by porting over an existing site to it. It's mostly going well.
However, I stumbled when I tried integrating an imageslider on the Homepage. It's a slider called Flexslider, and I've been unsuccessful in integrating it as a series of entries for each slide. When the browser tries to render the page it stops at the "data-bg" tag...
Here is my code :
<ul class="slides">
<!-- Slide 1 -->
<li class="custom-bg" data-bg="{{ entry.imageCarousel1 }}">
<div class="flex-content flex-middle">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-9">
<h2 class="flex-title animated" data-anim="fadeInDown">{{ entry.slideTitle }}</h2>
<h3 class="flex-subtitle animated" data-anim="fadeInUp">{{ entry.slideSubtitle }}</h3>
</div>
</div>
</div>
</div>
</li>
<!-- END Slide 1 -->
...
</ul>
I'm open to replacing Flexslider with a more Craft-friendly slider, if anyone can point me in the right direction?
Many thanks! Ric