Desarrollo web, programación,
maquetación, web2.0, accesibilidad,
usabilidad, ajax, jquery, ext, air,
xhtml, css,xul, framework,php, AS3,
xml, json,web única, isiat, weso y
sobre todo, lo que falte por llegar . . .
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.
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
Bueno casí, le falta lo más importante ( para mí) que es permitirnos cambiar los valores del css/xhtml “online”.
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
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.
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]
[/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.