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(); […]
Una forma sencilla de cargar un archivo javascript dentro de otro javascript usando jQuery con método «getScript». $.getScript("otro-archivo.js", function(){ alert("Archivo cargado!"); });
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://bufa.es' }); }); B. De modo tradicional, pero usando […]
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 […]
Si tenéis un video en html5 y necesitáis conocer el momento exacto en que este acaba de reproducirse en la página web… una forma sencilla de hacerlo es jQuery usando la propiedad «ended» : Supongamos que tenemos un video: <video […]
Añadir diferentes clases css en función del dispositivo con el usuario entre a la página web, usando la propiedad userAgent y en este caso añadiendo la clase correspondiente al «body» como vemos en el siguiente ejemplo: $(document).ready(function(){ // Averiguo dispositivo […]
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" […]
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 […]
Una forma sencilla de refrescar o actualizar la página cada vez que esta cambia de tamaño utilizando el evento resize de jQuery: $(window).resize(function(){ location.reload(); });
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", […]