Salve e anticipando che le ho provate tutte.... non ci riesco
Chiedo gentilmente il vostro aiuto.... posto lo script semplificato cosi vi diventa più facile...

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 n = document.getElementsByTagName('img').length;           
                var elemento = document.getElementById(img);
                for(var i = 1; i <= n; 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 n = document.getElementsByTagName('img').length; 
                var elemento = document.getElementById(img);
                for(var i = 1; i <= n; 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;
                }            }
        </style>
    </head>
    <body> 
        <div>
            [img]dickinson.jpg[/img]
            [img]newton.jpg[/img]
            [img]Schopenhauer.jpg[/img]
        </div>

     </body>
</html>
e questo è il file di partenza, io adesso desidero creare per le immagini il solito array da poter poi portare in un file js esterno e ho tentato di fare cosi ma non funziona ....

codice:
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
      <script type="text/javascript">
             
            var immag = new array()

           immag[1]= "dickinson.jpg";
           immag[2]= "newton.jpg";
           immag[3]= "Schopenhauer.jpg";



                  
                      function prendi () {
                         

                   for (var k = 1; k <immag.length+1; k++) {

                               var contn = [img]+immag[k]+[/img]

                         document.getElementById('immag').innerHTML = contn }
                                        }
                                                   prendi()


 function grande(img) {
                var n = document.getElementsByTagName('img').length;           
                var elemento = document.getElementById(img);
                for(var i = 1; i <= n; 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 n = document.getElementsByTagName('img').length; 
                var elemento = document.getElementById(img);
                for(var i = 1; i <= n; 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;
                }            }
        </style>
    </head>
    <body> 
        <div>
   <p id="immag"> </p>
<p id="immag"> </p>
<p id="immag"> </p>
        </div>

     </body>
</html>
Ho chiaramente il dubbio sia della sintassi sia del id="immag" dovunque.... mi aiutate per cortesia...
Grazie anticipato. Domenico