Ich versuche, ein Bild zu ändern, sobald Sie zu einem bestimmten Punkt blättern. Ich habe Folgendes versucht, aber es ändert sich beim Scrollen.Bildlogo auf Bildlauf ändern
jQuery(function($) {
$(window).scroll(function() {
if($('.navbar').hasClass('navbar-brand')) {
$('.navbar .navbar-brand img').attr('src','http://placehold.it/120?text=Original+Logo!');
}else{
$('.navbar .navbar-brand img').attr('src','http://placehold.it/120?text=Original+Logo!');
}
});
});
Ich habe versucht, den folgenden Code hinzuzufügen, um es zu wissen, wann zwischen den Bildern zu wechseln, aber nicht
var wn = $(window).scrollTop();
if(wn > 700){
@Emanuel https://codepen.io/hansfranz/pen/gRQKEy?editors=1010 schauen Sie sich diesen Codepen an. Nach 1000px senden Sie eine Warnung. Anstatt der Warnung müssen Sie Ihre Logik implementieren. Wie sieht Ihre Kopfzeile aus? – hansTheFranz
Der Codepen funktioniert, das Bild nach 1000px zu ändern, aber ich möchte, dass es zurück zum normalen Logo wechselt, wenn der Benutzer über 1000px zurück scrollt. – Emanuel
Das hat funktioniert, vielen Dank! Ich habe gerade damit gespielt und es funktioniert auch mit einer else-Anweisung. – Emanuel