[olmensk]

ПО-МОЕМУ РАЗОБРАЛСЯ!!! ))))))))))

СПАСИБО!!! ВЫ ЧУДО !!!!!!!!!!! СПАСИТЕЛЬ МОЙ

ПОКАЗЫВАЮ:

<div class="bottom1"></div><!--блок который будет закрашен выбранной картинкой-->
<div class="bottom2"></div><!--блок в котором напишется название картинки которая закрасит блок bottom1-->


<div id="mydiv3"><!--аккордеон в котором картинка которая будет красить блок-->
<ul class="list-bottom"> 
<li path-img="images/1.jpg"><img src="images/1.jpg"></li> <!--1-путь; 2-превью-->
<li path-img="images/2.jpg"><img src="images/2.jpg"></li> <!--1-путь; 2-превью-->
</ul> 
</div>

<!--скрипт окрашивания картинкой блока-->
	$(document).ready(function(){
    $('.bottom1 li').click(function () {      
      var img_path = $(this).attr("path-img"), title = $("img",this).data("title"); // Путь к изображению      
      $('.bottom1 li').css("border-color","white"); // Сбрасываем у тегов li рамку, ставим цвет белый
      $(this).css("border-color","#000"); // Устанавливаем красную рамку у выбранной картинки
      $('.bottom1').css('background','url('+img_path+') repeat'); // Меняем фон bottom1  
	  $('.bottom2').html(title); // пишем название в bottom2  
    });            
});