Можно ли в качестве title у ссылки спользовать изображение?

Question

[Алексей]

Т.е. при наведение появлялся не текст а изображение?

Answer 1

[ttm]

Именно таким образом нет

Answer 2

[Алексей Уколов]

Только если использовать сторонние плагины. В html такое не предусмотрено.

Answer 3

[Владимир Скибин]

Штатно так не получится сделать, т.е. используя нативные браузерные подсказки. Только через JS - например

Answer 4

[Григорий]

.href {
    position: relative;
    display: inline-block;
}

.href::after {
    content: "test";
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    background: black;
}

.href:hover:after {
    display: block;
}

Как вы понимаете, в after вам нужно добавить ваше изображение

Comments

[Алексей]

не понимаю
1. Это ко всем ссылкам? А как только к отдельным?
2. Куда добавлять изображение?
3. Это CSS ? а что в HTML?

[Григорий]

Алексей selftrips.ru,
1. Можешь сделать индивидуально для каждой ссылки, оперируя селекторами
2. В CSS свойство, background
3.да это CSS, в HTML не встречал, поэтому скорее всего JS.

[Алексей]

Григорий, можете простой пример сделать в какой нибудь песочнице типа https://jsfiddle.net/

[Григорий]

Алексей selftrips.ru, https://jsfiddle.net/3qdwsn0w/

[Алексей]

Григорий, а можно как то ссылки на изображения перенести в HTML? Каждую картинку писАть в CSS очень не хорошо. Это когда стандартные, много где употребляемые одни и те же - да.

[Григорий]

Алексей selftrips.ru, https://jsfiddle.net/3qdwsn0w/3/
Думаю Вам стоит почитать про CSS

[Алексей]

Григорий, )) я не собираюсь становиться профи, просто мне иногда надо сделать какие то мелкие (как мне кажется ) задачки.
А можно сделать так чтобы картинка появлялась только после клика, и запоминалась до другого клика? (active?)

[Григорий]

Алексей selftrips.ru, active это только нажатие, вам же нужен скорее фокус, если вы хотите сохранить до следующего клика. Или уже можно добавить немного js

[Алексей]

Григорий, а фокус не пропадает после "сдвига мыши"? В общем то мне без разницы, главное чтобы работало. А с JS у меня нет опыта "привинчивания" его к сайту. Не подскажите самый простой, способ?

[Григорий]

То что Вы говорите это - hover.
Про js, менять классы у ссылок. Думаю немного почитав
Element.classList

[Алексей]

Григорий, для начала мне надо разобраться как вообще подключать "мой" код js к сайту.