Seleccionar los title de los img

nachetee · #1 (**permalink**) 03/01/2013, 06:50

Hola, apenas tengo experiencia en JQuery pero necesito coger los title de las imágenes y aplicar una funcion que me he bajado. Lo tengo así:

Código:

	<script>
	  $(function(){
	 
		$('img[title]').mbTooltip({ // also $([domElement]).mbTooltip  >>  in this case only children element are involved 
		  opacity : .97,       //opacity
		  wait:1,           //before show
		  cssClass:"default",  // default = default
		  timePerWord:70,      //time to show in milliseconds per word
		  hasArrow:false,			// if you whant a little arrow on the corner
		  hasShadow:true,
		  imgPath:"images/",
		  ancor:"mouse", //"parent"  you can ancor the tooltip to the mouse position or at the bottom of the element
		  shadowColor:"black", //the color of the shadow
		  mb_fade:200 //the time to fade-in
		});
	  });
	</script>

Pensaba que se hacía con el $('img[title]').mbTooltip pero me coge los title de los enlaces también y solo quiero el de las imágenes, como se escribe el selector?

Un saludo y gracias de antemano

emprear · #2 (**permalink**) 03/01/2013, 08:23

El selector está correcto, te dejo otra variante también

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$("img[title]").css('border','solid 5px red')
 
// otra variante
if($("a").is("[title]")){
$("a").css('border','solid 5px #000');
}
 
});
//]]>
</script>
</head>
<body>
<p title="Hola en párrafo">Hola</p>
<div>
<img alt="" title="hola en Imágen" src="http://foros.emprear.com/img_fdw/reg.jpg" /><br />
<img alt="" src="http://foros.emprear.com/img_fdw/reg.jpg" />
</div>
<p><a href="http://forosdelweb.com" title="FDW">FDW</a></p>
</body>
</html>

Asegurate de usar documentReady, si no funciona habría que revisar como estás usando ese plugin del tooltip, que no lo conozco

SAludos

nachetee · #3 (**permalink**) 03/01/2013, 09:01

Gracias,

Al final lo he solucionado cambiando una línea del Script externo mbTooltip.js:

Código:

 if (this.options.live)$("[title]").live
("mouseover",function(){$(this).mbTooltip(options);});

por

Código:

 if (this.options.live)$("img[title]").live
("mouseover",function(){$(this).mbTooltip(options);});

Saludos