Я создаю очень простой слайд-шоу с нуля:функция вызова на основе значения переменной
... который работает на 3-х основных переменных:
var slideshowItem_place = 0;
var slideshowItem_position = 0;
var slideshowItem_limit = parseInt($('.slideshowImage_container').length) - 1;
Основная функция, которая делает выполнение слайд-шоу следующим:
function slideshow_animateSliding(){
slideshowItem_position = 0 - (slideshowItem_place * 1280);
$('#slideshowContent').stop().animate({'left':slideshowItem_position + 'px'}, 1000, 'swing');
}
Большие пальцы, хотя ...
... Я не знаю, как заставить их автоматически меняться в зависимости от видимой горки, когда он играет.
большой палец код:
$('#slideshow_thumbsContainer').on('click', '> div:not(.slideshowThumbs_active)', function(){
var $this_slideshowThumbs_notActive = $(this);
var $this_slideshowThumbs_active = $('#slideshow_thumbsContainer > div.slideshowThumbs_active');
function thumbsDeactivate(){
// Deactivate currently slideshowThumbs_active animation...
}
function thumbsActivate(){
thumbsDeactivate();
// Activate clicked slideshowThumbs animation...
}
thumbsActivate();
});
Я думаю, что я должен вызвать функцию thumbsActivate() в той, которая запускает слайд-шоу - slideshow_animateSliding() - просто не могу понять, логика.
Вот некоторые псевдо-код для того, что мне нужно:
- если slideshowItem_place = 0 затем запустить thumbsActivate (# slideshow_thumbOutline01)
- если slideshowItem_place = 1 затем запустить thumbsActivate (# slideshow_thumbOutline02)
- и т.д.
Полный FIDDLE.
Thanx.
Педро
делают использование хелпера-класса и каждый раз цикл в slideshowAutoplay() вы проверить, если ток-элемент имеет вспомогательный класс, получить его индекс и выделить thumboutline с совпадающим индексом, sth вроде этого –
Например, пожалуйста, живой пример? – Pedro
Вам нужно оптимизировать свой код, вы должны использовать циклы. Я вижу много избыточного кода. – JonathanRomer