jQuery Fade In Fade Out на MouseOver через несколько изображений в Div

Question

Итак, я проектирую веб-сайт, и я хочу, чтобы логотип каждой компании был через изображение, называемое через XHTML 1.0. Переходное исчезновение при наведении курсора мыши и исчезание, когда оно больше не наведено.У меня установлен jQuery и что нет, я просто не знаю код для этого для каждого изображения или одного изображения.Я не знаю JavaScript и / или jQuery.

Большое спасибо за будущие ответы (и возможные объяснения), Аарон Брюер

Answer 1

возможно, эта небольшая живая демонстрация поможет вам в правильном направлении, поскольку она использует как CSS3, так и jquery для затухания, поэтому, если одно не получится, другое может вступить во владение.http://jsfiddle.net/robx/jrnFj/2/

Answer 2

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

HTML

<div class="img-container">
   <img src="a.jpg" alt="a" />
</div>

<div class="img-container">
   <img src="b.jpg" alt="b" />
</div>

<div class="img-container">
   <img src="c.jpg" alt="c" />
</div>

JQuery

$('.img-container').each(function() {

   // Get a reference to the image.    
   var img = $(this).find('img');

   // Hide by default.
   img.hide();

   $(this).hover(function() {
       img.stop().fadeIn(500);
   }, function() {
       img.stop().fadeOut(500);
   });

});