Показывать изображение в фиксированном месте при наведении курсора мыши

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

$name = '<a>' . $row['name'] . '<div><img src="' . 'http://gatherer.wizards.com/Handlers/Image.ashx?multiverseid=' . $row['multiverseid'] . '&type=card" /></div></a>';

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

0
0
55
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете создать каждый конкретный элемент в событии onmouseover с помощью Javascript, когда хотите его отобразить. Это загрузит изображение только при создании элемента. Вы можете удалить его позже или скрыть, а при необходимости загрузить снова. Вы можете узнать больше об этом событии и о том, как его использовать здесь.

Другие вопросы по теме