Отображать изображение при наведении текстовой ссылки Только CSS

У меня есть текстовая ссылка. Когда пользователь наводит курсор на текстовую ссылку, я хочу, чтобы изображение отображалось в другом месте на странице. Я хочу сделать это с помощью css. Я думал, что это можно сделать просто с помощью одной строки кода в ссылке, например, onmouseover, но кажется, что для этого требуется другой код в другом месте на странице.

Я попытался использовать a:hover с изображением, которое я хочу показать в качестве фонового изображения, но я не думаю, что его можно манипулировать, чтобы оно отображалось полностью, а не обрезалось до размера текстовой ссылки.

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

http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/

Но это работает при наведении курсора на эскизы изображений. Я просто хочу, чтобы пользователь навел курсор на одну текстовую ссылку, чтобы изображение отображалось на странице в другом месте. Я нашел эту галерею из этой темы: Всплывающая ссылка css на изображение при наведении курсора

Я не хочу иметь дело с тем, что это за jquery, или со слишком большим количеством скриптов, потому что я лучше знаком с css.Кто-нибудь знает простой способ сделать это или до сих пор нет способа, даже со всеми изменениями, внесенными для css3?

Спасибо!

15
задан Community 23 May 2017 в 12:17
поделиться