jquery on hover change foto, auf klick display beschreibung

Question

ich habe zwei divs. Ich möchte auf Hover Foto ändern, auf klicken Anzeige Beschreibung und reagiert zu sein

Jede Hilfe oder Anregung wäre willkommen.

Answer 1

Wenn Sie auf schweben Umschaltbild wollen tun es so etwas wie dieses:

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

Und für Klick etwas wie folgt aus:

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

Hier vollständige Test ist https://jsfiddle.net/oxn831xk/

Dies kann helfen du beginnst. Fügen Sie Ihre Stylings hinzu und modifizieren Sie sie wie Sie es brauchen.

Zum Beispiel, wenn Sie für jeden Link anderes Bild wollen sie Klassen hinzufügen und zielen sie separat usw.

Answer 2

Um Ihren Hintergrund ändern Sie die hove/CSS-Funktion von jQuery verwenden können:

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

den Klick Teil Ihrer Website zu tun können Sie die Klick-Funktion:

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

können Sie einige von Ihnen schreiben, damit ich sehen kann, wie Sie Ihren Code gemacht haben, und ich meine Antwort darauf ändern kann.