Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.06.2013, 13:50
Аспирант
Отправить личное сообщение для Vempel Посмотреть профиль Найти все сообщения от Vempel
 
Регистрация: 24.04.2012
Сообщений: 30

Всплывающее окно при наведении
У меня есть товары http://magest.bget.ru/catalog/sumki. Как реализовать, чтобы при наведении на конкретный товар появлялась всплывашка (еще один div), как на картинке. А если убрать курсор с изображения то всплывашка бы исчезала. Заранее благодарен за любую помощь.
Ответить с цитированием
  #2 (permalink)  
Старый 05.06.2013, 13:57
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,121

Сообщение от Vempel
Как реализовать, чтобы при наведении на конкретный товар появлялась всплывашка (еще один div)
Просто сделать такой див... Потом сделать его прозрачным... При наведении менять ту прозрачность...
Ответить с цитированием
  #3 (permalink)  
Старый 05.06.2013, 13:57
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

http://james.padolsey.com/demos/imgPreview/full/
http://www.mind-projects.it/projects...emos.php#demo1
Ответить с цитированием
  #4 (permalink)  
Старый 05.06.2013, 14:09
Аспирант
Отправить личное сообщение для Vempel Посмотреть профиль Найти все сообщения от Vempel
 
Регистрация: 24.04.2012
Сообщений: 30

Я делаю картинке position:absolute, а ее родителю relative, и это у меня работает только для одной картинки товара. А картинок товара может быть сколько угодно. Правильно ли я понимаю, что средствами css это реализовать невозможно.
Ответить с цитированием
  #5 (permalink)  
Старый 05.06.2013, 14:10
Аспирант
Отправить личное сообщение для Vempel Посмотреть профиль Найти все сообщения от Vempel
 
Регистрация: 24.04.2012
Сообщений: 30

мне нужно именно не увеличение, а чтобы у картинки менялась прозрачность при наведении и была всплывашка с описанием товара.
Ответить с цитированием
  #6 (permalink)  
Старый 05.06.2013, 14:11
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

возможно
картинка_родитель:hover картинка_потомок{
display: block;
}
Ответить с цитированием
  #7 (permalink)  
Старый 05.06.2013, 14:53
Аспирант
Отправить личное сообщение для Vempel Посмотреть профиль Найти все сообщения от Vempel
 
Регистрация: 24.04.2012
Сообщений: 30

Когда я пытался реализовать это через css я так и делал.Картинка родитель(элемент li) : hover картинка потомок всплывашка с характеристиками. У картинки потомка изначально display:none при наведении block. Но этот вариант работает только для одной картинки, для одного товара. Я так понимаю чтобы работал для всех нужно использовать javascript. Какое решение для такого всплытия можно использовать на javascript если смотреть по первой ссылке. Заранее благодарен за любую помощь.
Ответить с цитированием
  #8 (permalink)  
Старый 05.06.2013, 14:58
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

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

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

Если вы все же хотите, чтобы вам помогли - приложите какие-то усилия сами и задавайте вопросы по ходу дела.
Ответить с цитированием
  #9 (permalink)  
Старый 05.06.2013, 14:59
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,121

Сообщение от Vempel
Заранее благодарен за любую помощь.
Где тестовый пример? На чем показывать?
Ответить с цитированием
  #10 (permalink)  
Старый 05.06.2013, 15:01
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

Сообщение от ksa
Где тестовый пример? На чем показывать?
ты как маленький конечно написать всё с учётом интеграции в сайт и показать т.с
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как реализовать задержку при наведении в меню? Stas-ik Элементы интерфейса 14 20.02.2014 12:21
Функция при наведении на Canvas объект max0n Общие вопросы Javascript 0 07.05.2013 17:56
Менять цвет фона select option при наведении Dmitriykh Элементы интерфейса 3 25.07.2011 13:04
Как сделать, чтобы при наведении на кнопку справа от нее появлялись текстовые ссылки? Tass Общие вопросы Javascript 7 17.02.2011 09:06
Всплывающее окошко, как подсказка при наведении на кнопку. rastafaray Общие вопросы Javascript 4 24.05.2008 00:55