Al pasar cursor por imagen sale informacion

[todosancris]

Hola, estoy quiero hacer que mis usuarios al poner el mause sobre una imagen automaticamente salga informacion sobre algo que yo escriba.

porfavor me dijeron que aki pueden ayudarme.

[caricatos]

Hola todosancris, bienvenido a los foros :

La forma menos compleja es usando el atributo title de las imágenes.
Si no te sirve, fíjate en las FAQs, busca temas que sean "tooltip" o "title mejorado"

Saludos

[todosancris]

vere como lo busco, gracias por la informacion, si alguien tiene una repsuesta ams especifica por favor reponderme.

[locojars]

A ver si esto te sirve:

Esta son las funciones de javascript para mostrar u ocultar, al principio esta el estitlo y despues las funciones:

Código HTML:

<style>
.note { border: 1px solid #6688CC; font: 9px caption; font-weight: bold; background: #CCEEFF; text-decoration:none; color: #000077;}
A.nota { text-decoration: none; }
.notebody { display:block; border: 1px solid #666666; color: #000000; background: #E3F5DC; position:absolute; z-index: +10; width:300px; padding: 2px; left: 10px; font-size: 10px;}
.notetitle { font-weight: bold; background: #669900; color: #000000; border-bottom: 1px dashed #666666; padding: 1px; width: 100%; margin: 0px;  font-size: 10px;}
.notehidden { display: none; }
.notevisible { display: block; position:absolute; z-index: +10; left:0px;}
</style>
<script language="javascript">
	var ie = false;
	var lastNote = '';
	if (document.all) { ie = true; }

	function getObj(id) {
		if (ie) {
			return document.all[id];
		} else {
			return document.getElementById(id);
		}
	}

	function showNote(name) {
		if (name == lastNote) {
			hideNote(name);
			return;
		}

		if (lastNote != '') { hideNote(lastNote); }
		var title = getObj(name + '_title');
		var body = getObj(name + '_body');
		//title.className = 'notehidden';
		body.className = 'notevisible';
		lastNote = name;
	}

	function hideNote(name) {
		var title = getObj(name + '_title');
		var body = getObj(name + '_body');
		//title.className = 'note';
		body.className = 'notehidden';
		lastNote = '';
	}
</script> 

Y esto lo pones dentro de body, poniendo un link en cada una de las imagenes que deseas tener la info.

Código HTML:

<a href="javascript:void(0);" id="nota_title" class="note" onmouseover="showNote('nota');" onmouseout="hideNote('nota');"> <img src="images/imagen.jpg"></a>
		<span id="nota_body" class="notehidden"><br>

				<div class="notebody" align="left">
					<table class="notetitle" cellspacing="0" cellpadding="0">
					<tr>
					<td><font color="white">Nota:</font></td>
					</tr>
					</table>
		Esta es la informacion que veras al pasar sobre tu imagen.
	</div>
	</span> 

Espero te sirve.
Salu2
Jars

[blackmaster52x]

locojars algo asi estoy buscando, tienes el ejemplo de este, gracias

[locojars]

El codigo que te he puesto ahi es el ejemplo. Copialo y mira si te funciona y cambia lo que necesitas.
Salu2
Jars

[todosancris]

hey gracias amigo, estoy es muy importante para mi, pero podrias explicarme como usarlo, tengo el Macromedia Dreamwaver.