Entrar

Al poner el raton sobre un texto que aparezca una imagen

rober1 · · Solicitar retirada
Me pregunto si hay algun script que permita al poner el raton sobre un texto que aparezca una imagen.

Ademas este texto seria un enlace que llevaría a otra pagina.

Saludos y gracias por adelantado. :D
luisgomval · · Solicitar retirada
Hola Robert1...

mira yo tengo este script tambien lo puedes usar con imagenes pero aca te lo adecuo con texto ya lo probe en el mozila y en el explorer y va bien... si tenes dudas me avisas,...

nota:en esta linea es donde tendras que colocar la direccion de las imagenes que deseas se desplieguen, puedes colocar tantas coo quieras pero asi se hara de lenta la carga de la pagina

preloadimages("../imagenes/apcp1.jpg","../imagenes/apcp2.jpg","../imagenes/apcp3.jpg","../imagenes/apcp1.jpg","../imagenes/apcp2.jpg")


para cargar imagenes solo cambia el texto por algo similar a esto

[contenido no disponible]


te dejo con el codigo....

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cargador de Imagenes</title>
<script>



function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}

function warp(){
window.location=gotolink
}
</script>



<script>
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages=new Image()
myimages.src=preloadimages.arguments
}
}


preloadimages("../imagenes/apcp1.jpg","../imagenes/apcp2.jpg","../imagenes/apcp3.jpg","../imagenes/apcp1.jpg","../imagenes/apcp2.jpg")
</script>
</head>

<body>

<div align="center">



[contenido no disponible]
</div>



<table width="120">
<td width="50%">texto1</td>
<td width="50%">texto2</td>
<td width="100%">texto3</td>
<td width="100%">texto4</td>
<td width="100%">texto5</td>
</table>
</body>
</html>

saludos a todos
...haciendo camino al andar
volvoreta · · Solicitar retirada
Yo tengo este, creo que es más claro el anterior pero por si acaso te lo pongo. A mi me funciona

<body>
<script language="JavaScript">
<!--

function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d)&&d.all) x=d.all; for (i=0;!x&&i<d.forms.length;i++) x=d.forms;
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
//-->
</script>
<script language="JavaScript">
<!--

<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->

function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p=new Image; d.MM_p[j++].src=a;}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

<div id="comando1" style="position: absolute; left: 120; top: 250; width: 174; height: 35; z-index: 1; visibility: hidden">[contenido no disponible]</div>
<p style="margin-top: 2; margin-bottom: 2">enlace</p>

</body>

Un saludo
rober1 · · Solicitar retirada
Hola vereis ahora me gustaria que al poner el raton sobre un enlace de texto aparezca un pequeño texto describiendolo este srcript me urge mucho.

Saludos :(