I recently downloaded the jQuery files in order to implement some image sliders on my website, but unfortunately, they are not functioning properly. Is there anyone who can help me identify any issues with the code? Thank you in advance.
<body>
<ul id="image-slider" style="position: relative; top: 0px; left: 0px; width: 600px;
height: 300px;">
<li><div class="slide"><img src="./images/sample-01.png"></div></li>
<li><div class="slide"><img src="./images/sample-02.png" /></div></li>
<li><div class="slide"><img src="./images/sample-03.png" /></div></li>
<li> <div class="slide"><img src="./images/sample-01.png" /></div>
<li> <div class="slide"><img src="./images/sample-02.png" /></div></li>
<li><div class="slide"><img src="./images/sample-03.png" /></div></li>
</ul>
<script type="text/javascript" src="jquery-1.12.0.min.js"></script>
<script src="jquery-migrate-1.2.1.min.js"></script>
<script src="slick.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function ($) {
var slideshowTransitions = [
{$Duration:1200,$Opacity:2}
];
var options={
$SlideDuration:500,
$AutoPlay:true,
$DragOrientation:3,
$Idle:1500,
$slideshowOptions: {
$Class:$JssorslideshowRunner$,
$Transitions:_slideshowTransitions,
$TransitionsOrder:1,
$ShowLink: true
}
};
var slider= new $Slider$("image-slider", options);
});
</script>