Страница 3 из 4 < 12 3 4 >
Показывать 40 сообщений этой темы на одной странице

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

dmitriymar 05.06.2013 15:27
Цитата:
Сообщение от Vempel
Пмогите пожалуйста, что нужно исправить в моем коде.
Цитата:
Сообщение от ksa
Таки выкинь...
я уже писал что исправить в нём-красным отмечено. в идеале -выбросить всё

Vempel 05.06.2013 15:28
А если серьезно.

dmitriymar 05.06.2013 15:30
Цитата:
Сообщение от Vempel
А если серьезно.
Vempel,
ты читать вообще умеешь что тебе пишут?
Цитата:
Сообщение от dmitriymar

function show() {
var menu = document.getElementByid('my');
menu.style.display = 'block';
}
function hide() {
var menu = document.getElementByid('my');
menu.style.display = 'none';
}
function init() {
var menu = document.getElementByid('my');
menu.onmouseover = show;
menu.onmouseout = hide;
}
init();

ruslan_mart 05.06.2013 15:32 
.product, .product > div {
   height: 200px;
   width: 200px;
}

.product > div {
   opacity: 0;
   transition: opacity 0.5s;
}

.product:hover > div {
   cursor: pointer;
   opacity: 1;
}



<div class="product" style="background-image:url('изображение сумки')">
   <div>Контент</div>
</div>


Упс, пока я тут писал, вы уже написали кучу вариантов. :)

ksa 05.06.2013 15:39
Цитата:
Сообщение от Vempel
cms добавляет товар, а расположение картинки насколько я понимаю каждый раз будет разное. Поэтому css здесь не применим.
Звучит как диагноз... :D

Vempel 05.06.2013 15:41
А я не прав в том что css здесь неприменим. Если есть какое-то решение с сss то подскажите пожалуйста.

Vempel 05.06.2013 15:43
Цитата:
Сообщение от Ruslan_xDD (Сообщение 254570) 
.product, .product > div {
   height: 200px;
   width: 200px;
}

.product > div {
   opacity: 0;
   transition: opacity 0.5s;
}

.product:hover > div {
   cursor: pointer;
   opacity: 1;
}



<div class="product" style="background-image:url('изображение сумки')">
   <div>Контент</div>
</div>


Упс, пока я тут писал, вы уже написали кучу вариантов. :)
Но дело в том, что всплывающее окно с характеристиками будет каждый раз позиционироваться по-разному относительно расположения картинки. Или я чего-то не понимаю. Вот страница с картинками товара http://magest.bget.ru/catalog/sumki

ruslan_mart 05.06.2013 16:09
Vempel, ну можно просто в div каждой сумки вкладывать div с характеристиками.

dmitriymar 05.06.2013 16:21
Цитата:
Сообщение от Vempel
Я делаю картинке position:absolute, а ее родителю relative,
тяжело посмотреть от чего абсолют отсчитывается и в каких случаях считается по разному?

Vempel 05.06.2013 21:19
Спасибо за помощь. Я разобрался. Никакой javascript тут действительно был не нужен. тему можно закрывать.


Часовой пояс GMT +3, время: 23:11.
Страница 3 из 4 < 12 3 4 >
Показывать 40 сообщений этой темы на одной странице