I tried creating a simple slideshow plugin but it states .next() is not a function.
Uncaught TypeError: currSlider.next is not a function at change (jquery.methodSlider.js:11)
(function ( $ ) {
$('.res-slideshow').methodSlider({
speed:3000
});
$.fn.methodSlider = function(options) {
var settings = $.extend({
speed:1000
},options);
this.find('li:first').addClass('top');
var change = function(){
var currSlider = this.find('li.top');
//This doesnt work.
var nextSlider = currSlider.next();
nextSlider.addClass('top');
currSlider.removeClass('top');
}
setInterval(change, settings.speed);
return this;
};
}( jQuery ));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="residence-slider">
<ul class="res-slideshow">
<li>
<img src="img/site_images/home-01.jpg" alt="This is image 1">
</li>
<li>
<img src="img/site_images/home-02.jpg" alt="This is image 2">
</li>
<li>
<img src="img/site_images/home-03.jpg" alt="This is image 3">
</li>
</ul>
</div>