patrini ha scritto:Io vorrei che prima di cliccare sull'oggetto, ma solo passandoci sopra,
apparisse automaticamente una fotografia ad esso associata.
Questo lo puoi fare solo con Javascript, il che implica, credo, che la pagina che vede l'utente dovrà comunque scaricare le 45 immagini. A quel punto fai forse prima e meglio a mostrarle direttamente tutte.
Comunque, se proprio vuoi mostrarle al rollover, questo è un esempio minimale che puoi estendere a piacere:
- Codice: Seleziona tutto
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<title>Test Rollover</title>
<script language="JavaScript1.2">
<!--
function preload(imgObj,imgSrc) {
if (document.images) {
eval(imgObj+' = new Image()');
eval(imgObj+'.src = "'+imgSrc+'"');
}
}
function changeImage(layer,imgName,imgObj) {
if (document.layers && layer!=null) eval('document.'+layer+'.document.images["'+imgName+'"].src = '+imgObj+'.src');
else document.images[imgName].src = eval(imgObj+".src");
}
preload('imageA','imageA.gif');
preload('vuoto','blank.gif');
//-->
</script>
</head>
<body>
<a href="http://www.google.com/" onMouseOver="changeImage('imgDiv2','myImg2','imageA')"
onMouseOut="changeImage('imgDiv2','myImg2','vuoto')">Clicca qui</a>
<div id="imgDiv2">
<img name="myImg2" src="blank.gif" border="0">
</div>
</body>
</html>
imageA.gif è l'immagine di uno dei 45 oggetti;
blank.gif è un'immagine vuota che viene visualizzata quando l'utente toglie il mouse dal link.
HTH.
Alessandro