как зделать ссылку ,чтобы при наведении на не? появлялась картинка ?

[Tuareg]

здравствуйте . как зделать ссылку ,чтобы при наведении на не? появлялась рядом картинка ?

заранее благодарен .

[Дядя Саша]

Можно с помошью скрипта, а можно стилями

document.getElementById(imageID).style.visibility="visible"

или

a:hover ~ #image {
 visibility: visible;
}

[Tuareg]

если можно раскройте оба варианта )))) а то не получается у меня ))

[SkyLight]

Естессно, охота сразу рабочий код. Вряд ли...

Жабаскрипт тут ИМХО не сильно нужен (хотя тоже метод, конечно). Есть вариант такой: картинка ложится внутрь линка и в стилях прописывается, что для обычного его (линка) состояния картинка скрытая. А для :hover - показываем картинку. Можно ей указать позицию absolute/relative.

[Дядя Саша]

Как вариант - http://workofhouse.narod.ru/imge/

[Tokolist]

Зависит какая картинка... и как она должна отображаться...

В простейшем случае идем на http://www.cssplay.co.uk/ и внимательно все там изучаем.

[kozakmamai]

Действительно, способов масса, но можно отметить концептуально 3 подхода:

1. Используем только стили. Псевдо класс hover и т. д.

2. Используем стили + javascript. Свойства устанавливаем стилями а изменения вносим javascript. (все крутиться вокруг свойства visibility , display)

3. Используем только javascript и DOM модель документа. Суть в том что javascript кодом создаем тег img добавляем к нему атрибут src, а потом вставляем в нужный родитель.

[Дядя Саша]

Я сделал на примере галереи. На сколько я теперь уже понял картинка должна появляться где?

И зачем скриптом генерировать тег img если есть специально для этого метод - appendChild() называется, и загруженная в память картинка, на которую есть ссылка?

[Tuareg]

  Tokolist said:

Зависит какая картинка... и как она должна отображаться...

В простейшем случае идем на http://www.cssplay.co.uk/ и внимательно все там изучаем.

это тоже раскройте если не трудно ,хорошо меню смотриться )))))

[Tuareg]

ссылка в ячейке,при наведении курсора на ссылку, рядом с ссылкой должна появляться картинка поясняющая ссылку,вот что меня интересует )))

[Tuareg]

  Tokolist said:

Зависит какая картинка... и как она должна отображаться...

В простейшем случае идем на http://www.cssplay.co.uk/ и внимательно все там изучаем.

не то что искал,но тоже хорошо !

http://www.cssplay.co.uk/menus/menutwelve.html

как его зделать )))

[rash]

Просмотреть исходник для начала -)

[Vlad]

http://stepbystep.htmlbook.ru/?id=49

пример 7.3

[Tuareg]

здорово , получил то ,что хотел )))