Захотелось мне что бы при наведении мышки на название поста появлялась картинка из него. Сложность в том, что список постов берется из динамического списка и простые решения типа изменить css видимость картинки при событии hover не прокатывает, в таком случае срабатывает hover для всех постов, на только того, на котором сейчас курсор. После поисков нашёл решение отсюда – JSFiddle. У меня этот сайт сделан на bricks bulder, поэтому описываю для него. В блок с query loop добавляете элемент code. В разделы css и script просто копируете всё как есть из фидла или из этого поста снизу, а в раздел html копируете следующее (символы ХХ пришлось добавить, что бы слишком шустрый движок перестал подсовывать вместо кода – результаты функций.
HTML

<a class="tooltip" href="{XXpost_url}">
<h3>{XXpost_title}</h3>
<span>
{XXfeatured_image}
</span>
</a>

CSS

.tooltip {
text-decoration:none;
position:relative;
}
.tooltip span {
display:none;
border-radius: 5px;
}
.tooltip:hover span {
display:block;
position:fixed;
overflow:hidden;
}

JavaScript

var tooltips = document.querySelectorAll('.tooltip span');

window.onmousemove = function (e) {
var x = (e.clientX + 20) + 'px',
y = (e.clientY + 20) + 'px';
for (var i = 0; i < tooltips.length; i++) {
tooltips[i].style.top = y;
tooltips[i].style.left = x;
}
};

С размером картинки можно поиграться заменив {XXfeatured_image} на незакрытый тег на незакрытый тег <img src=”{XXfeatured_image:medium:link} или {XXfeatured_image:thumbnail:link}/{XXfeatured_image:full:link}.

P.S. Еще есть интересный скрипт тут – github.com/sixem/hover-preview-js