Применение различных стилей к 2 экземплярам слайдера nivo, запущенным на одной странице

Question

У нас есть два экземпляра слайдера nivo на одной странице. Один экземпляр отображает изображение другого размера, чем другой. Как я могу по-разному стилизовать эти два экземпляра? В частности, я испытываю трудности с позиционированием кнопок навигации. Я попытался создать стиль 'slider2', но не могу понять, как применить его к классу темы по умолчанию, который управляет кнопками навигации.

Answer 1

Как присвоить каждому слайдеру nivo разные идентификаторы? а затем в css вы можете сделать что-то вроде этого:

#nivo1 .nivo-controlNav { style }
#nivo2 .nivo-controlNav { style }

И теперь вы можете управлять каждым ползунком кнопок / навигации, набрав сначала соответствующий идентификатор.