Contenido

LinkThumb Plugin, miniaturas en tus enlaces

18 Jul

+ 42

Link Thumbnail, es una utilidad JS que se encarga de realizar una miniatura de la página a la que te redirige un enlace. Es bastante chulo y útil para evitar a algunos usuarios que visiten páginas que ya hayan visitado.[Demo] [Descargar]

LinkThumb

LinkThumb Plugin, ¿como no? es una adaptación para wordpress de este script, osea una forma cómoda de integrar esta funcionalidad en nuestros posts de forma facil y cómoda.

Instalación

  1. Descargamos el fichero
  2. Descomprimimos y subimos al FTP a la carpeta wp-content/plugin/
  3. Activamos desde el menú administrador
  4. En Opciones>LinkThumb podemos decidir si queremos que se aplique a todos los enlaces de la web.*

*- Esto afectará a TODOS los enlaces de la web, includo títulos, blogroll,….

Modo de uso

El uso de este plugin es muy facil y cómodo, basta con no usar el atributo class en los enlaces que estemos introduciendo en los posts, ya que el plugin inserta el class necesario para lanzar el script.

Descargar

Version 0.1 –> aqui

Wow! Muy bien logrado. Ya lo probe en mi blog y se queda de fijo! Gracias.

Solo una pregunta: Se puede agregar algun class al link para que unicamente me muestre el thumbnail de ese link? Pregunto porque tengo conflicto con el plugin de “inline ajax comments”…
http://kashou.net/blog/inline-ajax-comments
De antemano, mil gracias por la ayuda!

It’s cool, very nice plugin.

Just a note, this plugin load also internal link or
—————————————–

I patched the JS file with Regexes.
Ok, if the next code isn’t clear, please contact me at my mail (read it in comment), or, at least, here:
http://www.virgolamobile.net/contact/

AFTER ########################
var b = document.domain;
var A = document.getElementsByTagName(’A');
##############################

PUT ##########################
var myDomain;
var myDomainRe = new Array();
// array of url to esclude (by Regex)
myDomainRe[0] = RegExp(”www.virgolamobile.net”, “i”);
myDomainRe[1] = RegExp(”javascript:”, “i”);
##############################

AFTER ########################
var a = A[i];
var h = a.href;
##############################

PUT ##########################
myDomain = new String(h);
myDomainResults = 0;
for(var myD=0; myD

Previous comment is damaged cause too long.

‘Cause the JS is (c) Arc90, Inc., I can’t post the new file until I get the permissions. Please, contact me on my blog if you are interested in it.

Cya.

Ok, sorry for spam.
I understand why adding class=”linkthumb” it doesn’t work in some condition.
All my external links are yet classed as “extlink”, so, adding a new class via PHP without using JS DOM, it add a new class that won’t be used by the browser.

So, to repair it you need to:
1) delete linkthumb_converter func to your plugin

OR

2) use my mod applied to original JS file (JS regex)

OR

3) modify your plugin with DOM to add the new class el.class=’linkthumb’;

Your problem is produce because you are using two classes into your links. If you want use this script you need remove class=”extlink” or use rel=”extlink” (I think is better).

The other solution is modify the JS file, and take the rel atributte instead class atributte (this is the cool solution).

A problem is if you want only have link into posts, with this JS code, it’s imposible use 2 classes atributte.

¡¡Que malo eres conmigo, Andrés!! Ahora tendré que probsrlo y disfrutarlo xDDD

Nos vemos :)

demasiado bueno, espero ponerlo en mi blog, porque m,e hace falta.

gracias

Ok, using the same JS you got to modify your code to close a cleaner code.

Just modify linkthumb_converter function to check an eventual class=”" in the threated link.
If a class is found, just put class=”class1 class2 class3″, else just write class=”class1″.

But this is not the right way, beacause you are changing a data structure (xhtml) for a client-side app using a server-side process.

A better solution would collect all nodes and, just before the , put a window.onload function that will cicle all identified nodes adding the new class via DOM.

I think the better solution is use rel atribute like Lightbox.

Use more than one class into class atribute it’s posible but don’t like and don’t know if the JS execute it.

Yes, it’s just DOM! :)
I hope your comment system supports code tag.

.red {
color: red;
}

.bold {
font-weight: bold;
}

window.onload = function() {
var el = document.getElementById('el');
el.className="red";
el.className=el.className ' ' "bold";
}

asd

No, it cut lot of my code. I posted an example here: http://www.virgola...

Yes it’s a bit problem with de HTML code. It’s too easy change this, only change this.


if ((b == '' || h.indexOf(b) < 0) && h.indexOf('://') > 0 && 
((arc90_linkThumbUseClassName && a.className.indexOf('linkthumb') >= 0)) || !arc90_linkThumbUseClassName) {

for this


if ((b == '' || h.indexOf(b) < 0) && h.indexOf('://') > 0 && ((arc90_linkThumbUseClassName &&
String(a.getAttribute('rel')).indexOf('linkthumb') >= 0)) || !arc90_linkThumbUseClassName) {

I don’t probe it, but I think not more dificult.

Mine was just a note to about a potential misfunction in case of another plugin adding class=”xxx” to A tags. :-)
In every case this is a good idea (using msn/alexa thumbs with a DHTML tooltips loaded near A tags. :)

Niccolò, I think you may contact whith lab.arc90.com people and comment this.

Me ha gustado mucho, cuando estrene look nuevo dentro de unos días lo pondré.

No puedo hacerlo andar, lo descargo y no aparece en el administrador…. de hecho tengo otro plugin tuyo el WP_resalta y no tengo ningun problema, pero si me puedan pegar una ayudita porfa…porque es bastante extraño…

Angel, no es que te quiera dar la vara :) pero probé este en mi blog y cuando tuve unas imágenes que eran links a otras webs causaba un efecto raro con IE6: al pasar el mouse sobre ellas desaparecían de la web hasta que la actualizaba.
Además, aún cuando lo desactivé del administrador el plugin seguía funcionando: tuve que borrarlo del dir de plugin para que se desactivara :)
salu2

Buenas German, ¿Otra vez tu? xDDDD

Creo que debes de tener algo antes de la carga de los plugin que te está dando tantos problemas. Ya que no es normal que todos los plugins que pruebas te den problemas.

Echalé un vistazo a tus JS.

Great Plugin!!

Thanks for this plugin~

But the thumbnail image position is top of the screen on my blog.

Is there any solution?

And if don’t mind, I recommend adding English language to your plugin for many people in the world :)

Yes I think about translate the plugins but my English it’s bad.

I think your problem are caused for CSS configuration.

It’s possible see it?

Hola Ángel, otro plugin genial. Gracias! Había probado éste pero el tuyo funciona mucho más rápido y ligero.

El problema es que lo he instalado en el blog, y en Firefox va a las mil maravillas, pero desde Internet Explorer 6 no salen las imágenes. Es curioso, porque la página de ejemplo del script sí que funciona en IE. No sé si a alguien más le pasa esto.

Gracias otra vez por un buen trabajo ;)

Excelente plugin… mas rapido y sencillo que Alexify de Cal Evans… y ademas valida en XHTML Transitional… como sugerencia para las proximas versiones excluir de los preview el header del blog, el sidebar, y los titulos de los posts, y que solo el texto del post utilice el plugin… pero en realidad esta muy bueno ;) Saludos

#26 El 4º punto de la instalación indica como evitar eso.

4. En Opciones>LinkThumb podemos decidir si queremos que se aplique a todos los enlaces de la web.*

*- Esto afectará a TODOS los enlaces de la web, includo títulos, blogroll,….

aNieto2k, Una consulta. tengo instalado el plugin en mi pagina http://www.adsltodo.com pues el caso es que con FireFox el plugin muestra la miniatura justo donde esta el enlace, pero con el explorer, la miniatura la muestra en la parte superior izquierda de la pagina, ¿a que puede deberse esto?.

Antonio, no lo tienes activado. Activaló y dime cosas.

Si esta activado entra en la web y ponte en el primer comentario donde pone Articulo publicado en:…….. y veras la miniatura en el margen superior izquierdo de la web.

aNieto2k , ya esta solucionado he descargado la ultima versión por que parece que esta optimizada con la ultima versión de la librería, y ahora funciona perfecto.

Sorry that I’m alittle confused - I haven’t quite grasped the intricacies of European languages as yet! Thank you for the plugin - I also use the Arclab script for another site which doesn’t use Wordpress but was delighted to find this plugin!
However - I am a bit lost. In the options - there is just one checkbox for ‘use for all links’. Does this also apply to internal as well as external links? I’m assuming from the comments above that one should use rel=”extlink” for any links they wish to have thumbnailed - but without the checkbox?

Thanks :)

Hi Thanks a lot for this plugin.

I translate it in German language and set a download link [ texto.de] for all german language wordpress user.

You will find my trackback “Link Thumb Plugin auf deutsch” .

@ Mosey
“there is just one checkbox for ‘use for all links’. Does this also apply to internal as well as external links?”

no it doesn’t.

it works like a charme for all external links. ;)
regards
monika

It seems this is a really good plug in. The thing is I have some little questions about installation.

It must be decompressed and uploaded to wp-content/plugin/ but in my version 2.o there isn’t any plugin folder but there are a plugins folder, I think is this which are you refering.

I uploaded it to this but never was shown in the plug-in panel for activated.

Some idea ? thanks

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.


Cerrar
Enviar por Correo