Как подключить DIV к изменениям JavaScript

#javascript

Вопрос:

Мне нужно изменить нижний DIV в соответствии со слайд-шоу. Итак, когда меняется слайд, информация внизу тоже меняется!

У меня есть веб-сайт здесь: http://packageonly.tk/test

В настоящее время информация будет отображаться, как только пользователь нажмет на ПОЛНУЮ ИНФОРМАЦИЮ, но мне нужно, чтобы она автоматически менялась, как только ползунок перейдет к следующему.

введите описание изображения здесь

вот код для изменения содержимого при нажатии мыши (полная информация):

1. .getElementById() или .getElementsByClassName() и т.д. должен быть нацелен на элемент, но ваш вопрос настолько широк, что невозможно точно знать, что вы ищете. Не могли бы вы указать, пожалуйста, на какой DIV вы хотите настроить таргетинг и как вы хотите его обновить. Вам также нужно будет опубликовать свой код в вашем вопросе, а не внешнюю ссылку.

Ответ №1:

Похоже, что вы используете WordPress в сочетании с темой Avada. Также, пожалуйста, поправьте меня, если я ошибаюсь, но используемый вами ползунок — это ползунок Rev.

Я верю в опции Rev Slider, вы установили событие on click для отображения необходимых вкладок.

Перейдите в подменю наведения курсора мыши в настройках слайдера и определите действие, которое вы хотите выполнить, чтобы отобразить соответствующие элементы DIV.

Пожалуйста, перейдите по ссылке ниже, и вы сможете найти соответствующую информацию. Ссылка: https://www.themepunch.com/faq/mouse-hovers-layer-content /

1. Точно!!! Я использую Avada и RevSlider. Проблема в том, что эти эскизы генерируются RevSlider, поэтому у меня нет прямого доступа к ним..

2. @IvyKnm Я больше не могу получить доступ к странице, можете ли вы предоставить мне дополнительную информацию о том, что вы называете эскизами? Вы имели в виду желтые и красные разделы, которые появлялись при нажатии?

3. эти миниатюры, которые вы видите — у меня нет доступа к их свойствам… поскольку они генерируются в <li> с тем же классом — идентификатор недоступен. Я не знаю, как добавить onlick=»function()» к этим тегам <li> .. Revslider позволяет мне добавлять его к фактическому слайдеру или к этим текстам (полная информация), но не к этим миниатюрам

4. веб-сайт готов, хотя вы должны иметь возможность его открыть.

5. Попробуйте эту функцию jQuery и дайте мне знать, если это поможет. $(«.tp-mask-wrap»).click(function(){ $(this).children().css( «display», «none»); // установка свойства дочерних элементов равным none. });