JQuery's BXSlider implementation into my top nav
Hiya again everyone!
Live Demo Page: http://rafflebananza.com/admin/test.html#
My top navigation is made up of loads of ul's and li's which is pretty standard, have a look at part of my source below:
Under my browsing category, I would like to implement JQuery's BXSlider Carousel with dynamic number of slides under the drop down.
<i class="fa fa-home"></i>
<a href="# ">
<i class="fa fa-ticket "></i>
<ul id="RafflesCategories" class="bxslider">
<a href="#" class="EntertainmentImg"></a>
<a href="#" class="ChildrenRafflesImg"></a>
I have download the bx slider script and implemented everything, however I believe it is not working as I do not have an image in the HTML like so:
Instead I have the link have class name with an image background. How can I get the BXSlider to work?