#jquery #slider
#jquery #ползунок
Вопрос:
У меня есть слайдер jQuery, который использует маленькие миниатюры в левом нижнем углу и позволяет пользователям нажимать на миниатюры, чтобы запускать определенные слайды.
Я хотел бы присвоить выбранным эскизам новый класс при выборе, что, по сути, обеспечивает их синхронизацию со слайдами.
Возможно ли это?
Вот мой код.
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true
});
}
window.addEvent('domready', startGallery);
</script>
Ответ №1:
Извините, вам нужно отредактировать gallery
функцию. И добавьте эту функцию jQuery $('your-element-id').addClass("Your-New-Class noClass");
при успешном выборе эскиза. И не забудьте удалить выбранный класс из всех эскизов, прежде чем добавлять класс выделения с помощью $('your-all-thumb-element-class').removeClass("Your-New-Class");
. И не забудьте присвоить разные id
всем элементам thumb.
Комментарии:
1. Как эта функция позволяет синхронизировать слайд и миниатюру? Должен ли я добавить это в свой заголовок или в файл .js?
2. Да, вы должны добавить это в свой
a.js
файл, где вы сохранили своюgallery
функцию. И обязательно добавьте этот код в нужном месте, я имею в виду после завершения анимации.