Figured out myself... maybe someone will need it to so here`s a solution:
Put this simple js to template code:
script type="text/javascript">
function Show_Image(IDS) {
document.getElementById(IDS).style.display = "block";
}
function Hide_Image(IDS) {
document.getElementById(IDS).style.display = "none";
}
</script>
template for Wayfinder &rowTpl
<li>
<a href="[+wf.link+]" onMouseOver="Show_Image('[+wf.docid+]')" onMouseOut="Hide_Image('[+wf.docid+]')">[+wf.linktext+]</a> - [+wf.description+] [+wf.wrapper+] </a>
<span id="[+wf.docid+]" style="display:none">
<img src="[+productimage+]" alt="Product image" /></span>
</li>
in my example list is very long so I add some css to display picture next to the list
CSS
#mydiv span
{
position: fixed;
top: 250px;
right: 300px;
}
Hope thats helpfull
☆ A M B ☆