JQuery

Selectores en jquery

Seleccionar todos los tags/elementos: Todos los elementos (“*”) Seleccionar todos los elementos que estan en proceso de animación: Extensiones jQuery :animated Selector Selecciona los elementos que tienen el atributo especificado con un valor ya sea igual a una cadena determinada o que comience con esa cadena seguida de un guión (-): Atributo contiene prefijo seleccionado [name|=”value”] Seleccionar elementos que contengan el valor específico, aunque sea parte de una subcadena: Atributo contiene palabra seleccionada [name*=”value”] Selecciona los elementos que tienen el…

Leer Más

Ocultar y mostrar elementos con jquery

En jquery, cuando intentamos ocultar y hacer aparecer elementos de nuestro html con un click, a veces caemos en el error de crear una función que haga un $().hide(), y a través de una variable global detectar que nuestro elemento está oculto y hacer un $().show(). jquery nos proporciona un método para realizar este gesto en una sola función: $().slideToggle() slideToggle nos permite realizar nuestro ocultar/mostrar definiendo nuestro gesto en un solo click: <a onclick=”$(‘#div_mostrar_ocultar’).slideToggle()”> Mostrar/Ocultar </a> <div id=”div_mostrar_ocultar”>Mostrado</div> Link…

Leer Más

Esquinas Redondeadas

Con la llegada de los estándares CSS3, han surgido nuevas opciones para diseñar nuestras páginas. Entre ellas, las más interesantes que encuentro están, las transparencias, los degradados y las esquinas redondeadas. Voy a hablar de estas últimas, es algo que los diseñadores siempre han conseguido insertando imágenes redondas al borde y listo. Actualmente, y gracias a los estándares css3 también lo podemos realizar mediante código css con estas instrucciones: border-radius (estándar css) -moz-border-radius (cuando se trataba de mozilla, aunque desde…

Leer Más

Hacer miniaturas de Imágenes

Quien no ha tenido alguna vez que crear una miniatura (Thumbnails), de sus imágenes automáticamente. Una opción puede ser añadirle el tamaño por css, o en la misma etiqueta <img, pero las imagenes se verían mal, puesto que están redimensionadas a tamaño completo. Una opción muy buena, sin usar php y sin hacerlo manualmente, sería usar JQuery u JThumbs. Mediante el siguiente script tendremos las deseadas miniaturas: <script type=”text/javascript”> $(document).ready(function() { // aquí realmente hacemos la miniatura $(“a.thumb, img.thumb”).jThumb(); //…

Leer Más