Присвоение класса элементу, когда он запускает ползунок

#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 функцию. И обязательно добавьте этот код в нужном месте, я имею в виду после завершения анимации.