Cia ragā,
allora, ho utilizzato uno script per fare questo:
http://www.uni-world.it/index.php?pagina=13
Lo script é qusto:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Immagini</title>
<script type="text/javascript">
//Specify image paths and optional link (set link to "" for no link):
var dynimages=new Array()
dynimages[0]=["UniversitāInnevata001.jpg", "//inserisci il link"]
dynimages[1]=["photo2.jpg", "//inserisci il link"]
//dynimages[2]=["photo3.jpg", "//inserisci il link"]
//dynimages[3]=["photo3.jpg", "//inserisci il link"]
//dynimages[4]=["photo3.jpg", "//inserisci il link"]
//dynimages[5]=["photo3.jpg", "//inserisci il link"]
//dynimages[6]=["photo3.jpg", "//inserisci il link"]
//per impostare il preload delle immagini, se queste sono di un certo peso meglio impostarlo a yes
var preloadimg="yes"
//per impostare il target dei links, se lasciato vuoto si apriranno nella stessa pagina, i parametri ammessi sono gli stessi di html: _ blank, _top, _parent
var optlinktarget=""
//per impostare lo spessore del bordo, in questo caso a zero
var imgborderwidth=0
//I browser IE5 e superiori possono variare l'effetto Wipe gradient per dimensione e durata in secondi agendo sui valori numerici
var filterstring="progidXImageTransform.Microsoft.GradientWipe(GradientSiz e=1.0 Duration=0.7)"
///////No need to edit beyond here/////
if (preloadimg=="yes"){
for (x=0; x<dynimages.length; x++){
var myimage=new Image()
myimage.src=dynimages[x][0]
}
}
function returnimgcode(theimg){
var imghtml=""
if (theimg[1]!="")
imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">'
imghtml+='[img]'+theimg[0]+'[/img]'
if (theimg[1]!="")
imghtml+='</a>'
return imghtml
}
function modifyimage(loadarea, imgindex){
if (document.getElementById){
var imgobj=document.getElementById(loadarea)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()
}
imgobj.innerHTML=returnimgcode(dynimages[imgindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false
}
}
</script>
<style type="text/css">
.style1 {
text-align: center;
}
.style2 {
font-family: Aharoni;
font-size: large;
}
.style3 {
color: #000000;
}
</style>
</head>
<body>
<span class="style2"><span class="style3">Immagini</span> </span>( pagina di prova )
Universitā innevata: Immagine 001
image 2 (vuoto)
image 3 (onclick)
<table cellpadding="0" cellspacing="0" style="width: 577px; height: 500px" align="center">
<tr>
<td style="height: 225px; width: 160px;" valign="top" class="style1">
<div id="dynloadarea" style="width:577px;height:500px" class="style1"></div>
</td>
</tr>
</table>
</body>
</html>
Come avete notato, al passaggio del mouse su "Universita' innevata: Immagine 001" c'é l'effetto comparsa immagine...
Ora vorrei fare il modo che cliccando su "Universita' innevata: Immagine 001" l'immagine resti fissa sulla schermo, anche se passo su un altro nome (file) e per sbloccarla devo ricliccare sullo stesso nome...
Spero di essermi spiegato...
Come dovrei fare?
Grazie.
PS: ho notato che con IE l'effetto viene visualizzato...con Opera va solo a comparsa senza effetto.