[olmensk]

olmensk, кто его знает о чём вы пишите
где код ... ?

1)
<div class="bottom"></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"); // Устанавливаем красную рамку у выбранной картинки
$('.bottom').css('background','url('+img_path+') repeat'); // Меняем фон страницы
});
});
</script>


css не пишу там просто размеры.

Надо сделать так: добавить ещё один div, что б в него писалось название или номер картинки на которую нажали.