私はすでにこの質問に関連する投稿をしていますが、答えが得られません。私の必要性は、次の前のオプションを備えたテキストベースの連続水平スライダーです。スライダーはありません。今、私は自分の新しいスライダーを試しています。私の質問は、コードの前の次のスライダーを作成する方法です。私のスライダーコードは以下です
(function($) {
$.fn.jslider = function(options){
var config = {
speed : 1000,
pause : 2000,
transition : 'fade'
},
options = $.extend(config,options);
this.each(function(){
var $this = $(this);
$this.wrap('<div class="slider_content" />');
$this.css({
'width':'4440px',
'position':'relative',
'padding':'0'
});
if(options.transition === 'slide'){
$this.children().css({
'float' : 'left',
'list-style' : 'none'
});
$('.slider_content').css({
'width': $this.children().width(),
'overflow':'hidden'
});
slide()
}
function slide(){
setInterval(function(){
$this.animate({'left':'-'+ $this.parent().width()},options.speed,function(){
$this
.css('left',0)
.children(':first')
.appendTo($this);
})
},options.pause);
}
//Sider Function end
});
}
})(jQuery);
そして私のHTMLは
<div class='prev'>test</div>
<div class="slider_capsule">
<ul class="slider">
<li> 1 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</li>
<li> 2 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</li>
<li> 3 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</li>
<li> 4 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</li>
<li> 5 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</li>
</ul>
</div>
</div>
このコードに次と前を追加するにはどうすればよいですか?