jquery on hover change photo, on click display description

Question

У меня есть два div. я хочу, чтобы сменить фотографию смены, отобразить описание щелчка и быть отзывчивым

Любая помощь или предложение будут оценены.

Answer 1

Если вы хотите переключить изображение на парении сделать это что-то вроде этого:

$('a').hover(function() { 
    $('.image').css({ 
    backgroundImage: 'url(http://placehold.it/1024x768)' 
    }) 
}, function() { 
    $('.image').css({ 
    backgroundImage: '' 
    }) 
}); 

И мыши что-то вроде этого:

$('a').on('click', function(){ 
    $('.menu').hide(); 
    $('.form').show(); 
}); 

Вот полный тест https://jsfiddle.net/oxn831xk/

Это может помочь вы начнете. Добавьте свои стили и измените, как вам это нужно.

Например, если вы хотите другой образ для каждой ссылки добавлять классы к ним и нацелить их отдельно и т.д.

Answer 2

Чтобы изменить фон можно использовать Хоув/CSS функция JQuery:

$(document).ready(function() { 
     $("your div/id").hover(function() { 
      $("your div/id").css("background-image", "url(/myimage.jpg)"); 
}); 
}); 

Чтобы сделать щелчок часть вашего сайта вы можете использовать функцию, нажмите:

$(document).ready(function() { 
    $(" your div/id").click(function() { 
     // I need more info to explain this one. 
    }); 
    }); 

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