Insertar tooltip jquery en linea php

[Jkey]

Iniciado por David

Solo tienes que agregarle la información data-style-tooltip y data-text-tooltip a tu enlace, como en el ejemplo.

No me queda, asi es como lo deje

Código:

<link rel="stylesheet" type="text/css" href="templates/red/sections/carrusel/css/estylo.css" />
		<link rel="stylesheet" type="text/css" href="templates/red/sections/carrusel/css/gridNavigation.css" />
		<link rel="stylesheet" href="sweet-tooltip.css">
		<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
		<script type="text/javascript" src="templates/red/sections/carrusel/js/jquery.min.js"></script>
		<script type="text/javascript" src="templates/red/sections/carrusel/js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="templates/red/sections/carrusel/js/jquery.mousewheel.js"></script>
		<script type="text/javascript" src="templates/red/sections/carrusel/js/jquery.gridnav.js"></script>
		<script type="text/javascript">
			$(function() {
				$('#tj_container').gridnav({
				rows        :4,
					type	: {
						
						mode		: 'disperse', 	// use def | fade | seqfade | updown | sequpdown | showhide | disperse | rows
						speed		: 500,			// for fade, seqfade, updown, sequpdown, showhide, disperse, rows
						easing		: '',			// for fade, seqfade, updown, sequpdown, showhide, disperse, rows	
						factor		: '',			// for seqfade, sequpdown, rows
						reverse		: ''			// for sequpdown
					}
				});
			});
		</script>
	
		<div class="container">
			
			<div class="content example1">
				<div id="tj_container" class="tj_container">
					
					<div class="tj_wrapper">
						<ul class="tj_gallery">
		
						
						<?php
while($cat_games = mysql_fetch_array($category_games)) {
		$featured_game = GameData($cat_games, 'featured');
		
			$contador++;
			
			if($contador <= 21){
				$pagina=1;
			}
	
	echo '<li><a title="'.$featured_game['name'].'" href="'.$featured_game['url'].'" class="sweet-tooltip" data-style-tooltip="tooltip-sweet-strong" data-text-tooltip="'.$featured_game['name'].'"><img  src="'.$featured_game['image_url'].'" height="60" width="60"  /></a></li>';} ?>
				
					</ul>
					</div>
					<div class="tj_nav">
				
						<span id="tj_prev" class="tj_prev" onclick="javascript: contador()">Previous</span>
						<span id="tj_next" class="tj_next">Next </span>
						
						
					</div>
				</div>
			</div>
			
		</div>

<script>!window.jQuery && document.write(unescape('%3Cscript src="jquery-1.7.1.min.js"%3E%3C/script%3E'))</script>
<script type="text/javascript" src="sweet-tooltip.js"></script>

Si le saco la etiqueta title y lo dejo asi tampoco funciona

Código:

echo '<li><a href="'.$featured_game['url'].'" class="sweet-tooltip" data-style-tooltip="tooltip-sweet-strong" data-text-tooltip="'.$featured_game['name'].'"><img  src="'.$featured_game['image_url'].'" height="60" width="60"  /></a></li>';} ?>