Wordpress - Показать изображение при нажатии

Question

Я сделал эту страницу:

http://vasikaridis.gr/index2.php/?page_id=21725

Слева вы можете увидеть вертикальный слайдер. Это должности. И миниатюра - это признак изображения.

С правой стороны вы можете увидеть div, который имеет в качестве фонового изображения (css) URL-адрес последнего сообщение с левого слайдера.

Все, что я хочу, это когда кто-то нажимает миниатюру, чтобы изменить фоновое изображение src из правого div, на это нажатое изображение.

Возможно ли это? Потому что я понятия не имею, как это исправить.

Заранее благодарен!

Vagelis

EDIT: Адрес признакам изображения скачиваются с этим кодом:

<?php $url = wp_get_attachment_url(get_post_thumbnail_id($post->ID, 'thumbnail')); ?> 

Так я это сделать:

<div id="fbg" style="background:url('<?php echo $url ?>') center center no-repeat;"></div> 

Но как я полагаю, чтобы сделать код динамически меняет $url, когда я нажимаю миниатюру?

Посмотреть полный код здесь: http://pastebin.com/18G0Pa9P

Answer 1

Для тех, которые имеют один и тот же вопрос:

<script> 
(function($){ 
$('.img').click(function(){ 
    var image = $(this).attr('src'); 
    document.getElementById("finalimg").src=image; 
}); 
})(jQuery); 
    </script> 

выше сценарий говорит, что всякий раз, когда эскиз (.img) нажата, а затем взять SRC этого эскиза и сохранить его переменное «изображение». Затем перейдите к изображению с идентификатором finalimg и замените его src на url, который хранится в переменной «image».

Итак, все работает по назначению.

Спасибо всем за ваше время и помощь!