Информация о актере с картинкой при наведении на ссылку?

Question

[NeveR3d]

Есть на сайте актеры, вида их всего 10 штук, как сделать, чтоб при на ведении на ссылку с актером, выводилось изображение, т.е у каждого своя фотография

<li itemprop="actor" itemscope="" itemtype="http://schema.org/Person" class="persone">
<span itemprop="name" data-persone-id="{id}" data-persone-ptype="actor" class="personehover" title="">{name}</span>
</li>
<li itemprop="actor" itemscope="" itemtype="http://schema.org/Person" class="persone">
<span itemprop="name" data-persone-id="{id}" data-persone-ptype="actor" class="personehover" title="">{name}</span>
</li>

Comments

[spike__x]

То что Вы показали, это семантическая разметка данных, этим ни как не вывести фото тем более динамическое

[Ankhena]

В общем виде так:
<span>имя<img></span>

img {
display:none;
}
span:hover img {
display:inline-block
}

либо используйте соседние селекторы

задайте позиционирование и т.д.

[NeveR3d]

Всем спасибо, сделал так https://m.habrahabr.ru/post/42997/?mobile=yes

Answer 1

[Артём Ведищев]

Может так?
https://jsfiddle.net/2ujt2mf6/

Comments

[NeveR3d]

Наоборот, наведения на ссылку, картинка

[Артём Ведищев]

Да пожалуйста
https://jsfiddle.net/2ujt2mf6/1/

[NeveR3d]

Артём Ведищев, да отлично, только, там несколько актеров, от 1 до 10. И картинки должны быть разные