Коллеги, помогите девушке! На joomla установила плагин, который делает слайдер из материалов. Код генерируется из файла js. Пытаюсь уже полдня поверх одного слайда сделать текст с ссылкой на стороннюю страницу. Когда пользователь переключается на другой слайд, ссылка должна убираться.
Вот код, сгенерированный плагином.
<div id="resli88" class="camera_wrap camera_amber_skin" style="display: block; margin-bottom: 0px; height: 386px;">
<div class="camera_fakehover">
<div class="camera_src paused camerastarted">
<div data-src="http://barss/images/reslidercon/940x390/images/besplatnost_i_dostupnost.png"
data-thumb="http://barss/images/reslidercon/80x60/images/reslidercon/940x390/images/besplatnost_i_dostupnost.png"
data-link="/index.php/9-dlya-slajdshou1/3-besplatnost-i-dostupnost">
</div>
<div data-src="http://barss/images/reslidercon/940x390/images/regular_obnovlenie.png"
data-thumb="http://barss/images/reslidercon/80x60/images/reslidercon/940x390/images/regular_obnovlenie.png"
data-link="/index.php/9-dlya-slajdshou1/4-regulyarnoe-obnovlenie">
</div>
</div>
<div class="camera_target">
<div class="cameraCont">
<div class="cameraSlide cameraSlide_0 cameracurrent"
style="visibility: visible; display: block; z-index: 999;"><img
src="http://barss/images/reslidercon/940x390/images/besplatnost_i_dostupnost.png?1454669487622"
class="imgLoaded" data-alignment="" data-portrait="" width="940" height="390"
style="visibility: visible; height: 386px; margin-left: -0.179487px; margin-top: 0px; position: absolute; width: 930.359px;">
<div class="camerarelative" style="width: 930px; height: 386px;"></div>
</div>
<div class="cameraSlide cameraSlide_1 cameranext" style="display: none; z-index: 1;"><img
src="http://barss/images/reslidercon/940x390/images/regular_obnovlenie.png?1454669487683"
class="imgLoaded" data-alignment="" data-portrait="" width="940" height="390"
style="visibility: visible; height: 386px; margin-left: -0.179487px; margin-top: 0px; position: absolute; width: 930.359px;">
<div class="camerarelative" style="width: 930px; height: 386px;"></div>
</div>
<div class="cameraSlide cameraSlide_2 cameranext" style="z-index: 1; display: none;">
<div class="camerarelative" style="width: 930px; height: 386px;"></div>
</div>
</div>
</div>
<div class="camera_overlayer"></div>
<div class="camera_target_content">
<div class="cameraContents">
<div class="cameraContent cameracurrent" id="cam1" style="display: block;">
<div class="camera_caption fadeIn" style="visibility: visible; opacity: 1;">
<div>
<h3>
<span class="slide_img_text slide_img_text1"></span>
<!--<a href="/"></a>-->
<span class="slide_img_title1">Бесплатность и доступность</span>
</h3>
<p>Программа распространяется абсолютно бесплатно без каких-либо ограничений. Но если у
вас есть желание отблагодарить автора за его труд и помочь в развитии проекта, вы
можете перечислить небольшую сумму, сделав это удобным для вас способом: Веб-мани,
Счет в сбербанке, Киви-кошелек.</p>
</div>
</div>
</div>
<div class="cameraContent" id="cam2" style="display: none;">
<div class="camera_caption fadeIn" style="visibility: hidden; opacity: 1;">
<div>
<h3>
<span class="slide_img_text slide_img_text2"></span>
<!--<a href="/"></a>-->
<span class="slide_img_title2">Регулярное обновление</span>
</h3>
<p>Релиз новых версий программы является еженедельным - каждое воскресенье. Предлагайте
какие еще расчеты или справочные материалы вы хотите видеть в программе. Делитесь
своими наработками, присылайте готовые рассчеты или таблицы. Это ускорит развитие
программы.</p>
</div>
</div>
</div>
</div>
</div>
<div class="camera_pie">
<canvas id="pie_0" width="38" height="38"
style="position: absolute; z-index: 1002; right: 0px; top: 0px; display: none; opacity: 0;"></canvas>
</div>
<div class="camera_prev"><span></span></div>
<div class="camera_next"><span></span></div>
</div>
<div class="camera_thumbs_cont" style="visibility: visible;"></div>
<div class="camera_pag" style="display: block;">
<ul class="camera_pag_ul">
<li class="pag_nav_0 cameracurrent" style="position:relative; z-index:1002">
<span><span>0</span></span><img
src="http://barss/images/reslidercon/80x60/images/reslidercon/940x390/images/besplatnost_i_dostupnost.png"
class="camera_thumb" style="position: absolute; opacity: 0;">
<div class="thumb_arrow" style="opacity: 0;"></div>
</li>
<li class="pag_nav_1" style="position:relative; z-index:1002"><span><span>1</span></span><img
src="http://barss/images/reslidercon/80x60/images/reslidercon/940x390/images/regular_obnovlenie.png"
class="camera_thumb" style="position: absolute; opacity: 0;">
<div class="thumb_arrow" style="opacity: 0;"></div>
</li>
</ul>
</div>
<div class="camera_loader" style="display: none; visibility: visible;"></div>
</div>
Вот код, который я пыталась применить:
<script>
if (document.getElementById('cam1').hasClass('cameracurrent')) {
document.getElementById('opl').style.display = 'block';
}
if (document.getElementById('cam2').hasClass('cameracurrent')) {
document.getElementById('opl').style.display = 'none';
}
</script>
Код ссылки:
<div class="oplata" id="opl"><a href="#">Перейти к оплате</a></div>
Как правильно написать функцию, чтобы определять если у элемента с id=cam1 есть класс cameracurrent, то id="opl"(ссылка) display="block"?
