Здравствуйте, подскажите, как сделать?
Вот, что есть:
1)
<div class="bottom1"></div>
<!--этот блок будет окрашиваться картинкой-->
<div class="bottom2"></div>
<!--тут должно появиться название картинки блока bottom1-->
2)
<div id="mydiv3"><!--аккордеон в котором картинка которая будет красить блок-->
<ul class="list-bottom">
<li path-img="images/npview/1.jpg"><img src="images/npview/1.jpg"></li>
<li path-img="images/npview/2.jpg"><img src="images/npview/2.jpg"></li>
</ul>
</div>
3)
<script> <!--скрипт окрашивания картинкой блока-->
$(document).ready(function(){
$('.list-bottom li').click(function () {
var img_path = $(this).attr("path-img"); // Путь к изображению
$('.list-bottom li').css("border-color","white"); // Сбрасываем у тегов li рамку, ставим цвет белый
$(this).css("border-color","#000"); // Устанавливаем красную рамку у выбранной картинки
$('.bottom1').css('background','url('+img_path+') repeat'); // Меняем картинку блока
});
});
</script>
<!----------------------------------------------------------------->
bottom1 - этот блок закрашивается картинкой которую выбрали
bottom2 - в этом блоке должно писаться название картинки которая закрасила bottom1
Мне надо, что б первый блок закрасился, а во втором блоке написалось название картинки которая закрасила 1й блок.
Уже третий день пытаюсь найти решение, есть подсказывания но косвенные, а мне надо именно под этот скрипт.
Спасибо.