Я создал слайдер со стрелками, который отлично работает, но мне нужно добавить ссылку на внутренний слайд, который onclick, переходит к следующему слайду.Перейти к следующему слайду onClick
Мой код такой, как показано ниже.
<script type="text/javascript">
$(function() {
var Page = (function() {
var $navArrows = $('#nav-arrows'),
$nav = $('#nav-dots > span'),
slitslider = $('#slider').slitslider({
onBeforeChange: function (slide, pos) {
$nav.removeClass('nav-dot-current');
$nav.eq(pos).addClass('nav-dot-current');
}
}),
init = function() {
initEvents();
},
initEvents = function() {
// add navigation events
$navArrows.children(':last').on('click', function() {
slitslider.next();
return false;
});
$navArrows.children(':first').on('click', function() {
slitslider.previous();
return false;
});
$nav.each(function (i) {
$(this).on('click', function (event) {
var $dot = $(this);
if (!slitslider.isActive()) {
$nav.removeClass('nav-dot-current');
$dot.addClass('nav-dot-current');
}
slitslider.jump(i + 1);
return false;
});
});
};
return { init: init };
})();
Page.init();
});
</script>
HTML, который я использовал на слайде для перехода дальше, как показано ниже.
<div class="sl-slide" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
<div class="sl-slide-inner">
<div class="">
<a href="#" class="anhrClr custAnchr"><span class="splAncStl"><nav id="nav-arrows1">
<span>Click to next slide</span>
</nav></span></a>
</div>
</div>
</div>
Спасибо вам большое за ваши усилия .. +1 .. Позвольте мне интегрироваться в мой код и проверить то же самое – Nitesh
Я попробовал оба, но ваш один работал для меня. Я принял ответ. Большое спасибо. – Nitesh