Estoy tratando de hacer un cambio de imagen una vez que se desplaza a un punto determinado. He intentado lo siguiente, pero cambia a la derecha cuando usted se desplaza.
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!');
}
});
});
He intentado añadir el siguiente código para saber cuándo cambiar entre las imágenes, pero no
var wn = $(window).scrollTop();
if(wn > 700){
JS:
HTML:
Que debe hacer el truco. Si usted necesita para cambiar de nuevo de hacer la misma función, pero la lógica del interruptor…
Así que esta fue la primera condición:
Y ahora he añadido la segunda condición:
He cambiado dos cosas:
>
se convirtió en<
Así que ahora la lógica es: si se desplaza a menos de 1000px el uso de la imagen pequeña, y si más de 1000px el uso de la imagen grande.