First of all I'm a newbie at Javascript/JQuery I'm trying to make a bxslider. I'm not being able to work with it, I did all the steps from bxslider website and still can't, been searching and nothing. Instead of working, it's just working as a normal ul, showing all photos vertically.
The libraries
<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script language="javascript" src="css/libraries/jqueryBxslider/jquery.bxslider.js" ></script>
<!-- bxSlider CSS file -->
<link href="css/libraries/jqueryBxslider/jquery.bxslider.css" rel="stylesheet" type="javascript">
The ul that contains the photos.
<div class="container">
<ul id="slider">
<li><img src="css/libraries/images/test1.PNG"/></li>
<li><img src="css/libraries/images/test2.PNG"/></li>
</ul>
</div>
Code at my javascript file.
$(document).ready(function() {
$('#slider').bxSlider({
auto: true,
autoControls: true
});
});
Thank you.
So the answer was to make a before the where it contained the JQuery code.
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments