Я искал некоторый код, используя jQuery и JS вместе с HTML и CSS для создания скользящей галереи изображений. Я наткнулся на этот пост и скопировал код с "пересмотренным" кодом. Однако в галерее отображается только первое изображение. Следующий и предыдущий клики ничего не делают. Я начинаю изучать JS и jQuery. Я просмотрел этот код некоторое время, и я не могу понять, в чем проблема.
Вот сценарий, который я использую:
$(document).ready(function(){
$('.slider > #1').show('fade',500).addClass('current');
$('.next').click(function(event){
event.preventDefault();
$('.previous').removeClass('previous');
$('.current').removeClass('current').addClass('previous');
$('.previous').hide("slide",{direction: 'left'}, 500);
var previousId = parseInt($('.previous').attr('id'));
$('#'+(previousId+1)).show("slide", {direction: 'right'}, 500).addClass('current');
});
$('.prev').click(function(event){
event.preventDefault();
$('.previous').removeClass('previous');
$('.current').removeClass('current').addClass('previous');
$('.previous').hide("slide",{direction: 'right'}, 500);
var previousId = parseInt($('.previous').attr('id'));
var Id = parseInt($('.current').attr('id'));
$('#'+(previousId-1)).show("slide", {direction: 'left'}, 500).addClass('current');
});
});
Я загрузил его в jfiddle.
Любая помощь будет замечательной! благодаря
EDIT Я пришел к этому и заметил, что у кода было два src для скриптов. Я добавил скрипт ui, и jQuery отлично работает!
Библиотека слайда отсутствовала, добавьте ее для работы:
<script src="/jquery-ui.js"></script>