Archive for the ‘plugins’ Category

Actualización del jquery-link versión 0.3

Bueno pues acabo de terminar una pequeña actualización,  este plugin era capaz de colocarte los iconos correspondiente al tipo de enlace, como pdf o zip y si es externo también lanza la página con un target blank, de forma totalmente accesible.

jquery-link.png

Como se puede apreciar en la imagen el principal cambio es que si nuestra página de destino tiene un favicon nos lo mostrará , gracias a un post en xyberneticos se me ocurrió esta idea.

Instalación 

  • muy simple llamar en el head al js y a css, probado con la versión de jquery 1.2

Pero que pasa si no queremos tener los favicones y queremos la funcionalidad anterior que nos muestra un icono para todos los enlaces externos, pues muy fácil.

  • después de cargar todas las librerías tenemos que lanzar un script y cambiar la forma de ejecución del plugin desabilitando los iconos de favicones

[script]

$(document).ready(function() {
$().ALLinksAccesibles(false);
});

[/script]

  •  solo hay que ponerlo a false, por defecto está a true y nos quedará así

demo | descarga código fuente

Firebug para internet explorer - version 5.0 beta 1

Bueno casí, le falta lo más importante ( para mí) que es permitirnos cambiar los valores del css/xhtml “online”.

debugbar.gif

Pero en esta versión mejora ya que podemos ver los estilos del elemento seleccionado y también los estilos computados. hace poco nos lo mostraba anieto2k

Descarga

Jquery Gallery v-0.1- Mi segundo plugin para jquery

Se que existen muchísimos plugins que hacen esto ya sea para jquery , mootools, prototype, pero partiendo que yo de momento me decanto por jquery y que ninguno de los que había se adaptaba a lo que yo necesitaba, pues me lo he creado si a alguien le sirve pues mejor.

screen-jquery-gallery-by-noth.png

Su uso es muy sencillo.

Modo de uso:

En el head agregamos los estilos y el js

[html]

[/html]y el código html para colocar las imagenes: [html]
Reloj del muelle de Xixón. Clock at Xixón harbour.
Reloj del muelle de Xixón. Clock at Xixón harbour.
Quizás el edificio modernista más emblemático de Xixón.
Con la nota de la señal me encontré después de pasarla al ordenador.
Alcantarilla de alumbrado del muro de Xixón. El agua del mar hizo prácticamente todo.
Una flor muy común en el Jardín Botánico Atlántico de Xixón/Gijón.

[/html]

Explicación:

Dentro del elemento dd, colocamos las imagenes de la siguiente forma.

dentro del elemento a, el href será la imagen a cargar dentro de la galería y en rev la grande.

dentro de la imagen que está dentro del a, pues el title, será el titulo de la imagen y el alt, la descripción.

Caracteristícas

Es compatible con thickbox

Respeta la accesibilidad

Tiene un código valido en xhtml 1.0 strict

Demo / Código fuente