JQuery

Puede que tengamos en nuestra web una serie de imágenes con la ruta rota y nos aparezca el típico icono de un cuadrado y aspa roja. Para «disimularlo» con jQuery podemos hacer, por ejemplo: 1. Ocultar esas imagenes: $("img").error(function(){ $(this).hide(); […]

Leer más...

Dos formas diferentes para abrir automáticamente una ventana de fancybox al cargar la página. A. La primera y más sencilla usando el objeto $.fancybox: $(document).ready(function () { $.fancybox({ 'type': 'iframe', 'href': 'https://www.bufa.es' }); }); B. De modo tradicional, pero usando […]

Leer más...

A continuación un ejemplo de como crear un banner (u otro elemento) flotante en el sidebar o laderal de nuestra web para que permanezca «fijo» al hacer scroll, usando muy pocas líneas en jQuery. Usando scrollTop para controlar el scroll […]

Leer más...

Algo muy básico como cambiar los valores de anchura o altura de un o varios elementos usando el método css de jQuery. Por ej. tenemos un determinado elemento con unas dimensiones (100×100) en css: <div style="height: 100px; width: 100px; background:red" […]

Leer más...

Un sencillo mini-tutorial para crear un efecto parallax a pelo con jQuery, sin utilizar plugins. Primero crearemos una clase css (en este caso «parallax») para los elementos que queremos crear el efecto, junto con un atributo data que he llamado […]

Leer más...

Script jQuery para averiguar si el usuario hace o no scroll (desde o sin las barras de desplazamiento del navegador web) en una pagina web. $(window).scroll(function() { console.log('SI, estas haciendo scroll'); clearTimeout( $.data( this, "TestScroll" ) ); $.data( this, "TestScroll", […]

Leer más...