Far comparire o scomparire dei div al clik del mouse

**cavaliere123** · 25-09-2012, 21:39

Buonasera, ho messo su aiutandomi sempre in rete questo script per creare un
visualizzatore di immagini che si ingrandiscono quando ci si clicca sopra, però vorrei far scomparire le altre immagini quando l'immagine scelta si ingrandisce... vi posto lo script :

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> 
<title></title> 
<script language="javascript"> 

function mostra(var) { 
e = document.getElementById("content").style.display="block"; 
f = document.getElementById("content1").style.display="block"; 
g = document.getElementById("content2").style.display="block"; 
} 

function nascondi(var) { 
a = document.getElementById("content").style.display="none"; 
b = document.getElementById("content1").style.display="none";
 c = document.getElementById("content2").style.display="none"; 
} 

</script> 
</head> 
<body>
 <div> 
<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> 
<tr> <td>
<div align="center"; id="content2"> 
[img]dickinson.jpg[/img]
</div>
</td> 
<td>
<div align="center" id="content"> [img]newton.jpg[/img]
</div>
</td> 
<td>
<div align="center" id="content1"> [img]Schopenhauer.jpg[/img]
</div>
</td> 
</tr> 
</tbody>
 </table>
</div> 
 
</body> 
</html>

prendendo in esame questa parte del codice :

codice:

<div align="center"; id="content2"> 
[img]dickinson.jpg[/img]
</div>

chiaramente se clicco cosi come sta scompare anche l'immagine scelta.... ho pensato che magari passando alla funzione mostra () o nascondi() delle variabili che identificano solo quelle che devono essere nascoste dovrebbe andare bene, ma non so come si fa...
Altra opzione sarebbe di dire ogni volta alle funzioni quale escludere ma è sempre per logica... mi aiutate per favore.
Grazie in anticipo. Domenico.

**cavaliere123** · 25-09-2012, 22:14

Risolto il problema grazie ad un amico ....
Posto lo script corretto perchè magari a qualcuno può essere utile :

codice:

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript">
            function grande(img) {
                var elemento = document.getElementById(img);
                for(var i = 1; i < 4; i++) {
                    
                    if(img == "img" + i) {                        
                        elemento.style.width = 596 + "px";
                        elemento.style.height = 435 + "px";
                    }else{
                        document.getElementById("img" + i).style.display="none";
                    }
                }                
            }            
            function piccola(img) {
                var elemento = document.getElementById(img);
                for(var i = 1; i < 4; i++) {
                    
                    if(img == "img" + i) {                        
                        elemento.style.width = 149 + "px";
                        elemento.style.height = 109 + "px";
                    }else{
                        document.getElementById("img" + i).style.display="inline";
                    }
                }
            }
        </script>
        <style type="text/css">
            img {
                width:149px;
                height:109px;
                margin: 0 15px;
                cursor: -moz-zoom-in; /*vale solo per FF lo sai?*/
            }
        </style>
    </head>
    <body>
        [img]dickinson.jpg[/img]
        [img]newton.jpg[/img]
        [img]Schopenhauer.jpg[/img]
    </body>
</html>

Ho ritenuto giusto avvertire subito della mia soluzione, non mi sembra giusto far impegnare qualcuno a perditempo... non ci sono solo io qui.
Un saluto a tutti e alla prossima

Discussione: Far comparire o scomparire dei div al clik del mouse

Strumenti discussione

Ricerca discussione

Visualizza

Far comparire o scomparire dei div al clik del mouse

Permessi di invio