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.
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í
Hola compañero, acabo de bajar tu plugin para jQuery, lo he puesto en funcionamiento y… Me encanta!!!!
En tu post comentas la idea de poner el favicon de un enlace externo, y después de leer la página de xyberneticos, y ver en mi diseño que los favicon no son todos del mismo tamaño, he decidido modificar tu código.
La modificación es muy simple, y se agradece el que todos los iconos sean del mismo tamaño.
Esta es la modificación:
Fichero: jquery-link_0.3.js
// $(enlace).css({ “background”: “url(”+ img.src+”) right center no-repeat” , “padding-right”: “25px”});
$(enlace).before(”);
Fichero: jquery-link.css
img.favicon{ padding-right:5px; line-height:18px; border:none; width:16px; height:16px;}
Como ves, son unas modificaciones muy sencillas y que a mi me han dado un resultado más óptimo.
También he cambiado otros aspectos en el CSS, pero eso ya es a gustos, igual que el añadir mas extensiones reconocibles
Gracias de nuevo por este plugin.
Pues vaya, no sale la modificación tal y como debería, voy a probar de poner la linea con espacios.
//$(enlace).css({ “background”: “url(”+ img.src+”) right center no-repeat” , “padding-right”: “25px”});
$(enlace).before(’ ‘);
haber si ahora sale.
Muchas gracias!!
Tenía un par de cosas que solucionar en este plugin, y en la próxima versión implementaré está tambien.