Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Всплывающее окно при наведении (https://javascript.ru/forum/misc/38524-vsplyvayushhee-okno-pri-navedenii.html)

Vempel 05.06.2013 13:50

Всплывающее окно при наведении
 
У меня есть товары http://magest.bget.ru/catalog/sumki. Как реализовать, чтобы при наведении на конкретный товар появлялась всплывашка (еще один div), как на картинке. А если убрать курсор с изображения то всплывашка бы исчезала. Заранее благодарен за любую помощь.

ksa 05.06.2013 13:57

Цитата:

Сообщение от Vempel
Как реализовать, чтобы при наведении на конкретный товар появлялась всплывашка (еще один div)

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

animhotep 05.06.2013 13:57

http://james.padolsey.com/demos/imgPreview/full/
http://www.mind-projects.it/projects...emos.php#demo1

Vempel 05.06.2013 14:09

Я делаю картинке position:absolute, а ее родителю relative, и это у меня работает только для одной картинки товара. А картинок товара может быть сколько угодно. Правильно ли я понимаю, что средствами css это реализовать невозможно.

Vempel 05.06.2013 14:10

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

animhotep 05.06.2013 14:11

возможно
картинка_родитель:hover картинка_потомок{
display: block;
}

Vempel 05.06.2013 14:53

Когда я пытался реализовать это через css я так и делал.Картинка родитель(элемент li) : hover картинка потомок всплывашка с характеристиками. У картинки потомка изначально display:none при наведении block. Но этот вариант работает только для одной картинки, для одного товара. Я так понимаю чтобы работал для всех нужно использовать javascript. Какое решение для такого всплытия можно использовать на javascript если смотреть по первой ссылке. Заранее благодарен за любую помощь.

dmitriymar 05.06.2013 14:58

Вы просите готовый скрипт с нуля.

Это работа, и за нее обычно платят деньги.
Для таких сообщений предназначен раздел форума "Работа".

Если вы все же хотите, чтобы вам помогли - приложите какие-то усилия сами и задавайте вопросы по ходу дела.

ksa 05.06.2013 14:59

Цитата:

Сообщение от Vempel
Заранее благодарен за любую помощь.

Где тестовый пример? На чем показывать?

dmitriymar 05.06.2013 15:01

Цитата:

Сообщение от ksa
Где тестовый пример? На чем показывать?

ты как маленький:) конечно написать всё с учётом интеграции в сайт и показать т.с:D


Часовой пояс GMT +3, время: 18:00.