Ingrandire Immagini al passaggio del cursore

19-05-2008, 16.40.17

Qualcuno saprebbe gentilmente dirmi come ingrandire l'immagine, che io ho reso piccola in un livello per dare un anteprima , al passaggio del cursore su di essa?
Ho visto in un sito web non ricordo quale che quando si ferma il cursore del mouse sull'immagine in miniatura si apre un riquadro più grande dove si visualizza la foto nelle dimensioni originali o comunque maggiori.

**zulukwebsite** · 22-05-2008, 21.42.48

non so se ho capito bene ti posto un esempio fatto al volo con dreamweaver.... copialo e dimmi se era quello che volevi:

in pratica se passi sopra il link ciao si apre un immagine di fianco....ovviamente al posto del link ciao puoi mettere l'immagine in miniatura

Codice HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	width:83px;
	height:41px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	width:79px;
	height:46px;
	z-index:2;
	left: 155px;
	top: 29px;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  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[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

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

<body onload="MM_showHideLayers('Layer2','','hide')">
<div id="Layer1" onmouseover="MM_showHideLayers('Layer2','','show')" onmouseout="MM_showHideLayers('Layer2','','hide')"><a href="#">ciao</a></div>

<div id="Layer2"><img src="http://www.cristianolovatelliravarinonews.com/articoli/farioli/Gianfarioli.City%20CAR%201971.jpg"/></div>
</body>
</html>

Discussione: Ingrandire Immagini al passaggio del cursore

LinkBack

Strumenti discussione

Display

Ingrandire Immagini al passaggio del cursore

Regole di scrittura