jQuery plugin vs HTML dentro de atributos

OldMan

Power Member
Boas,

estou a usar este plugin para o jQuery que usa como método para adicionar legendas às imagens o atributo title.

Ficaria portanto algo deste género:
Código:
<a href="fullscreen.jpg" rel="prettyPhoto" title="Description"><img src="thumbnail.jpg" /></a>

Depois também posso ter HTML dentro do title, ele reconhece:
Código:
<a href="fullscreen.jpg" rel="prettyPhoto" title="Link to <a href='http://google.com'>Google</a>"><img src="thumbnail.jpg" /></a>


O problema aparece quando eu tento usar uma função que já tinha feito, com esse link em particular.

Código:
$("a[target='_blank']").hover(function(){
	txt=$(this).attr("href");
	$("#link_tooltip").html(txt.substring(13));
	$().mousemove(function(k){
		w_width=window.outerWidth;
		half_width=w_width/2;
		if (k.pageX>half_width) {
			tip_width=$("#link_tooltip").width();
			$("#link_tooltip").css({ 
				marginTop: k.pageY-100 + "px",
				marginLeft: k.pageX-tip_width-12 + "px"
			});			
		}else{
			$("#link_tooltip").css({ 
				marginTop: k.pageY-100 + "px",
				marginLeft: k.pageX + "px"
			});			
		}
	});
	$("#link_tooltip").fadeIn(100);	
},
function(){
	$("#link_tooltip").fadeOut(100);
});
É mais fácil verem o que a função faz, do que eu estar a tentar explicar.

Mas isto não funciona com aquele link dentro do title. Alguém sabe se isto é possível de contornar?
 
Back
Topo