У меня есть текстовая ссылка. Когда пользователь наводится над текстовой ссылкой, я хочу, чтобы изображение отображалось в другом месте на странице. Я хочу сделать это с помощью css. Я думал, что это можно сделать просто с одной строкой кода в ссылке, такой как onmouseover, но, похоже, для этого требуется другой код в другом месте на странице.
Я попытался использовать a: hover с изображением, которое я хочу показать в качестве фонового изображения, но я не думаю, что его можно манипулировать, чтобы отображать его полностью, вместо того, чтобы быть обрезанным до размера текстовой ссылки.
Я вижу сотни результатов, когда пытаюсь найти это, но ни один из них не является тем, что я хочу. Самое близкое, что я нашел, это.
http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/
Но это работает с зависанием над уменьшенными изображениями. Я просто хочу, чтобы пользователь зависал над одной текстовой ссылкой, чтобы показать изображение на странице где-то в другом месте. Я нашел эту галерею из этой темы: Настроить ссылку css css на hover
Я не хочу иметь дело с тем, что это jquery или слишком много скриптов, потому что я больше знаком с css. Кто-нибудь знает о простом способе сделать это или все еще не существует, даже со всеми изменениями, внесенными для css3?
Спасибо!