Сообщение от рони
|
вам нужно написать, то как вам нужно ... почему вы телепата ищите, так упорно... вы что и html с css не знаите?
|
Я ж пишу вроде бы понятно ) ок, ещё раз:
1)
<div class="bottom1"></div>
<div class="bottom2"></div>
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й блок.