При наведении появляется изображение

[Imperil]

Здравствуйте. Подскажите, как сделать, чтобы при наведении на надпись "фото" - всплывало изображение.

http://jsfiddle.net/3ksV8/

[mrnobody]

Если я тебе правильно понял, то получилось вот так — http://jsfiddle.net/Gurj2/ .

Я заключил текст в <span> чтобы именно при наведении на текст, а не на ячейку показывалось изображение.

Еще можно попробовать через псевдоэлемент :after.

Хотя, наверное лучше через JS сделать.

Edited May 27, 2012 by mrnobody

[Imperil]

Если я тебе правильно понял, то получилось вот так — http://jsfiddle.net/Gurj2/ .

Я заключил текст в <span> чтобы именно при наведении на текст, а не на ячейку показывалось изображение.

Еще можно попробовать через псевдоэлемент :after.

Хотя, наверное лучше через JS сделать.

Да. Только я сделал чуть по другому:

.photo2 a img{display: none;}

.photo2 a:hover img{

display: inline;

position:absolute;

top:730px;

right:30px;

}

А вопрос такой, если там таблица большая и фоток много будет, страница грузится не будет долго от этого?

И еще, под каждую строку в таблице нужно прописывать свой класс, чтобы координаты выставлять для фото (чтобы показывалось оно рядышком со своей ссылкой, а не где-то сверху). Не практично получается, 20 классов задавать и прописывать каждой фотографии свои координаты. Как-то может упростить этот вариант есть возможность? Может вообще с яваскриптом лучше сделать?