Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.11.2015, 22:06
Новичок на форуме
Отправить личное сообщение для Android22 Посмотреть профиль Найти все сообщения от Android22
 
Регистрация: 01.07.2015
Сообщений: 5

Всплытие img при наведении на div
Доброго времени!
Помогите пожалуйста решить проблему с прозрачностью у изображений.
Изображение проявляется не по наведению на сам div (цифры), а как только затрагиваю сам img, по этому получается беспорядок.

Вот сам скрипт:
$('#box').find('.some-class-for-div').each(function (){
    $(this).data('op',$(this).css('opacity'));
  })
  .mouseover(function (){		
    $(this).animate({opacity: 1}, 500 );
  })
  .mouseout(function (){
    $(this).stop(true,true).animate({opacity: $(this).data('op')}, 500 );
  });


Html:
<div id="box">
  <div id="des1" class="some-class-for-div">1<img src="imgs/about1.png" id="about1" style="opacity: 0;"></div>
  <div id="des2" class="some-class-for-div">2<img src="imgs/about2.png" id="about2" style="opacity: 0;"></div>
  <div id="des3" class="some-class-for-div">3<img src="imgs/about3.png" id="about3" style="opacity: 0;"></div>
</div>


Вот как это выглядит:


Заранее, большое спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 25.11.2015, 22:11
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

Android22, забыть про animate и читать про CSS transition.
Ответить с цитированием
  #3 (permalink)  
Старый 26.11.2015, 23:44
Новичок на форуме
Отправить личное сообщение для Android22 Посмотреть профиль Найти все сообщения от Android22
 
Регистрация: 01.07.2015
Сообщений: 5

Все бы хорошо, но даже css transition не помогает и всплытие происходит при наводке на границу какой либо картинки
Ответить с цитированием
  #4 (permalink)  
Старый 27.11.2015, 00:03
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

Android22, что есть у тебя картинка ниче не понятно?
Ответить с цитированием
  #5 (permalink)  
Старый 27.11.2015, 00:06
Новичок на форуме
Отправить личное сообщение для Android22 Посмотреть профиль Найти все сообщения от Android22
 
Регистрация: 01.07.2015
Сообщений: 5

В примере выше выделил "картинки" разными цветами. Вот на ихние границы и действует trasition вместе и js, а мне нужно, что бы картинки всплывали именно при наведении на цифры. Как то так
Ответить с цитированием
  #6 (permalink)  
Старый 27.11.2015, 00:13
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

Android22, так убери их из дивов где цифры чтобы они их не растягивали, а лучше нарисуй как должно быть...
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При наведении на элемент появление div, положение которого постоянно меняется Poision Элементы интерфейса 5 27.01.2014 19:43
При нажатии на ссылку раскрываются все div anonimous jQuery 1 09.08.2012 14:49
Закрытие прозрачного div при щелчке мыши в любой его области mav1 Элементы интерфейса 8 09.02.2011 19:25
при нажатии на картинку(типа кнопки) скрывать и показывать DIV Russianmaniac Элементы интерфейса 4 28.11.2010 00:47
Действия при наведении на элемент Garik Элементы интерфейса 6 24.08.2010 20:11